更改django-autocomplete-light html属性

Question

1如何更改django上的默认html属性--自动完成-light？

2如何从表单小部件呈现html元素？

你好啊！我用的是django--自动完成-轻型v3。

我将告诉你如何理解我的问题。

我会向你寻求任何帮助

，你想在不到一分钟的时间内试一下django-自动完成灯，帮我吗？

您可以从这里开始执行以下步骤：https://django-autocomplete-light.readthedocs.io/en/master/install.html

或者只是：

pip install django-autocomplete-light

然后，为了让Django找到我们需要的静态文件，在前面添加到INSTALLED_APPS

django.contrib.admin和grappelli如果在场的话：

'dal',
'dal_select2',
# 'grappelli',
'django.contrib.admin',

安装演示项目

为了测试目的，将演示项目安装在一个临时虚拟环境中：

cd /tmp
virtualenv -p python3 dal_env
source dal_env/bin/activate
pip install django
pip install -e git+https://github.com/yourlabs/django-autocomplete-light.git#egg=django-autocomplete-light
cd dal_env/src/django-autocomplete-light/test_project/
pip install -r requirements.txt
./manage.py migrate
./manage.py createsuperuser
./manage.py runserver
# go to http://localhost:8000/admin/ and login

，现在你可以帮忙了！

1.1登录到您的管理面板

1.2滚动直到看到"SELECT2_ONE_TO_ONE“并单击

1.3在右边的“加号”按钮中添加一个新的Tmodel按钮

1.4在浏览器(ctrl+shift+i)and上进入检查模式，点击任何选择字段

我没有足够的声誉发布图片，但您可以在以下链接中查看：https://github.com/yourlabs/django-autocomplete-light/issues/850#issuecomment-370982681

现在，您可以从所显示的图像中看到类似的东西。

我想要做的是更改select输入上的第二个样式属性，这就是希望您帮助我的地方。

我想将"style='width:434px'“写入"style='width:100%'”的文件，但我在任何地方都找不到它，因为我不知道django是如何呈现html元素的，也不知道它们来自何处。

我也有django-自动完成-轻型的个人项目，我在这里没有分享，以避免大的解释。:)

2我会非常感谢你的帮助！

Answer 1

为了解决这个问题，我只是更改了元素的主类的最小宽度属性，如下所示：

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

不是我想要的但是..。