控制文本在选择框内的定位(Select2,django自动完成指示灯)
我有一个模型表单,其中添加了一个taggitselect2小部件作为django autocomplete light的一部分 这将从taggablemanager查找标记,以允许自动完成。“自动完成”功能运行正常,但“选择”框内的文本对齐已关闭。文本与选择框的底部对齐,在标记顶部和选择框顶部之间留有较大的间隙。使用图片更容易: forms.py控制文本在选择框内的定位(Select2,django自动完成指示灯),django,jquery-select2,django-autocomplete-light,Django,Jquery Select2,Django Autocomplete Light,我有一个模型表单,其中添加了一个taggitselect2小部件作为django autocomplete light的一部分 这将从taggablemanager查找标记,以允许自动完成。“自动完成”功能运行正常,但“选择”框内的文本对齐已关闭。文本与选择框的底部对齐,在标记顶部和选择框顶部之间留有较大的间隙。使用图片更容易: forms.py widgets = { 'tags': autocomplete.TaggitSelect2( url='recording
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\u role=“tagsinput”
相同的样式,但如果我将其分配给小部件,我猜它会覆盖自定义部分,并且我会得到一些中断的输出 无法理解为什么默认渲染的格式如此糟糕,因此作为一种解决方法,我刚刚覆盖了css
检查时,选择元素有5px的边距,足以使其与底部对齐。因此,在css中应用以下内容:
.select2-selection__choice{
margin-top: 0px !important;
}
“修复”了问题。没有'!重要提示“它被覆盖为5px,因此这是必需的