I've been searching for a few days for an answer to this. The option element is not getting styled. Currently, I'm not sure if it's this user agent stylesheet overriding my style for the option element. I tried styling the option in my own CSS file however it gets canceled out. Every other HTML element on the same page is working and is styled correctly. It's just the element. I'm also using bootstrap.
What I've tried to solve:
- add classes
- add id
- add !important
- inline styling
Basically everything to target a specific/all option element(s) but it all does not seem to work. I'm not sure if I'm doing it right. Or is there something I'm missing which I can't seem to see? Thank you for your suggestions.
select#cur_to option{
background-color: white !important;
color: black !important;
}