Как изменить цвета опций ChoiceFields в выпадающем меню при наведении мыши
В форме используется crispy forms, который реализует bootstrap. Я попробовал использовать '!important' и определить, что виджет поля выбора должен иметь атрибут класса, на который я могу ссылаться в моей таблице стилей:
<form id="gene_form" action ="http://127.0.0.1:8000/checkqueries/", method="get", novalidate> {{ gene_form|crispy }}
my forms.py:
select_cancer = forms.ChoiceField(label = 'Cancer', choices = ExtractCancer(), required=False, widget=forms.Select(attrs={'class':'boostrap-select'}))
мой css
.boostrap-select { background-color: black; color: white; }
select option { background-color: blue; color: white; }
.boostrap select изменяет цвет поля, но не выпадающего меню опций. Как я могу изменить это, чтобы пользователь мог навести курсор на опцию в выпадающем меню, и тогда мои собственные цвета css возьмут верх?
Я пробовал ссылаться на класс в css, и это работает для поля, но не для опций. Я также пробовал изменить css для любой опции выбора html, найденной на странице, но это тоже не помогло. Я использую фреймворк Django, если это имеет значение.