Project

General

Profile

Bug #11730

Updated by Marcos M over 1 year ago

The options within @select@ elements are hard to see when hovering over them. See attached @option-background-current.png@. This following applies to Firefox and Chromium browsers browsers, but not Firefox, when the browser/OS theme is set to dark. 

 Selected items in option boxes are gray and blend in with lighter gray option box backgrounds. See attached `option-background-current.png`. 

 The highlighted color seems to be inherited from the browser's user agent stylesheet. See attached `option-background-css.png`. 

 I could not find a way to override the gray highlight that the browser applies. However, the background of the option box can be overwritten with `.form-control { background-color: #fff !important; }` which is already set by the `bootstrap.min.css` but not applied. See `option-background-white.png`.

Back