控制文本在选择框内的定位(Select2,django自动完成指示灯)

控制文本在选择框内的定位(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

我有一个模型表单,其中添加了一个taggitselect2小部件作为django autocomplete light的一部分

这将从taggablemanager查找标记,以允许自动完成。“自动完成”功能运行正常,但“选择”框内的文本对齐已关闭。文本与选择框的底部对齐,在标记顶部和选择框顶部之间留有较大的间隙。使用图片更容易:

forms.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\u role=“tagsinput”
相同的样式,但如果我将其分配给小部件,我猜它会覆盖自定义部分,并且我会得到一些中断的输出

无法理解为什么默认渲染的格式如此糟糕,因此作为一种解决方法,我刚刚覆盖了css

检查时,选择元素有5px的边距,足以使其与底部对齐。因此,在css中应用以下内容:

.select2-selection__choice{
    margin-top: 0px !important;
}
“修复”了问题。没有'!重要提示“它被覆盖为5px,因此这是必需的