在 django-autocomplete-light 3.1.3 上修改 CSS答案

【问题标题】：Modifying CSS on django-autocomplete-light 3.1.3在 django-autocomplete-light 3.1.3 上修改 CSS
【发布时间】：2018-12-17 17:41:18
【问题描述】：

我目前正在使用 django-autocomplete-light 3.1.3 学习 Django 框架，但我找不到任何方法来更改输入字段的 css。

在文档中写道，我们可以创建自己的 HTML 模板来处理数据，但我们可以只更改一点输入框的 css 吗？

在使用小部件调整创建之前，我尝试将自己的类添加到元素中，但默认情况下，django-autocomplete-light 会取消每个样式属性。

我真的只是想将框的大小设置为父元素的 100%，我已经在这里卡了 2 天......

非常感谢

【问题讨论】：

到目前为止你尝试过什么？我能够通过包含我自己的 CSS 文件以及对我感兴趣的元素的修改来更改元素的样式（基于我使用开发工具检查元素时发现的名称）。我需要添加 !important 让它覆盖 Select2 CSS。如果您可以指定所需的行为，即您想要更改的元素，也许我可以提供帮助。您还可以向小部件的 attrs 参数添加样式属性，例如 attrs={'style':'width:500px') 以进行一些更改，但请记住，这可能不是正确的元素。

【解决方案1】：

在我的 css 文件中，我必须覆盖 ccs 类：

.select2-container {
    min-width: 15em !important;
}

【讨论】：