修改Django“选择表单”图标

Question

我正在制作一个Django应用程序，我正在使用Django的form.ChoiceFields来制作表单！

brand = forms.ChoiceField(
    label="Marca:",
    choices=[('', 'Selecionar marca')] + [(brand.id, brand.name) for brand in models.Brand.objects.all()],
    widget=forms.Select(attrs={'id': 'brand', 'onchange': 'filterModels()', 'class': 'select'})
)

这就是我得到的表单元素（带有背景颜色），但我想更改右侧向上和向下的图标，但我不知道该怎么做。

我已经尝试通过添加图标表单 FontAwesome 来做到这一点，但问题是，当我这样做时，当我单击图标时，表单不会打开，因此它可能会让用户感到困惑:( 我尝试使用添加 javascript 代码单击图标时实现 click() 函数，但它没有给我任何结果。

那么有没有办法通过简单地替换 Django 的“选择表单”默认箭头图标来做到这一点？

提前致谢！

Answer 1

我会把这个留给以后的任何人！最后，我以与表单相同的方式设置了 div 的样式，并使用 z-index 将其发送到后面。然后我使用线性渐变在表单上添加透明度，这样只有蓝色部分是完全透明的！如果您这样做，请注意正确使用位置。希望这对将来的任何人有帮助:)