django - 控制选择框内的文本定位(Select2,django-autocomplete-light)
问题描述
我有一个模型表单,其中我添加了一个 taggitselect2 小部件作为 django-autocomplete-light 的一部分。
这会从 taggablemanager 中查找标签以允许自动完成。自动完成工作正常 - 但选择框中的文本对齐已关闭。文本与选择框底部对齐,在标签顶部和选择框顶部之间留有很大间隙。图片更容易: https ://imgur.com/a/WxFMLfF
表格.py
widgets = {
'tags': autocomplete.TaggitSelect2(
url='recordings:recording-autocomplete',
attrs={
'data-placeholder': 'Start typing to autocomplete...',
}
....inside def __init__
self.helper.layout = Layout(
Row(Column(Field('tags')),css_class='form-row'),
我试过查看样式选项——这是一个引导项目,所以理想情况下我希望你得到相同的样式,data_role="tagsinput"
但如果我将它分配给小部件,我猜它会覆盖自定义部分,我会得到一些损坏的输出。
解决方案
无法弄清楚为什么默认渲染的格式如此糟糕,因此作为一种解决方法,我刚刚覆盖了 css。
检查时,选择元素有 5px 的边距,足以将它们与底部对齐。因此在css中应用以下内容:
.select2-selection__choice{
margin-top: 0px !important;
}
'修复'问题。没有 '!important' 它会被覆盖为 5px,所以这是必需的。
推荐阅读
- javascript - 输入材料芯片——初始化表单数组
- javascript - 在页面之间导航而不更改链接
- java - Google Gson 反序列化问题
- google-analytics - 如何在 Google Analytics 中删除数据导入
- javascript - php访问mqsql还是html访问json还是html访问xml?哪个更快?
- typescript - How to specify Typescript Mongoose model type in await
- python - 将输出导出到记事本
- javascript - 如何从 Promise 对象中获取数据并使用 ReactJS 将其放入 HTML 列表中?
- c# - 使用条件操作创建 WIX 安装程序
- sql-server-2008-r2 - 如何通过文本出现在 SQL Server 上订购全文查询?