Change highlight color Asked Sep 01 '14 at 05:21 Active Jun 18 '23 at 20:00 Viewed 8,923 times 0 I have this: <select name="idx" id="search-field_0"> <option value="kw">Keyword</option> <option value="su,wrdl">Subject</option> <option value="ti">Title</option> <option value="au,wrdl">Author</option> <option value="pb,wrdl">Publisher</option> <option value="pl,wrdl">Publisher location</option> <option value="nb">ISBN</option> <option value="bc">Barcode</option> </select> I want to change its highlight background to green. How will I do this , without converting my tag to any form.Any idea? css twitter-bootstrap overriding edited Sep 01 '14 at 05:54 asked Sep 01 '14 at 05:21 2 You can see some useful content here http://stackoverflow.com/questions/19388011/how-to-change-colour-of-blue-highlight-on-select-box-dropdown – Alex Szabo Sep 01 '14 at 05:33 3 possible duplicate of [Changing highlight color](http://stackoverflow.com/questions/1667086/changing-select-highlight-color) – Brian Dillingham Sep 01 '14 at 05:57

Answer 1

I'm not sure you can really change this with pure css. this is browser / operating system defined colors. You can do something a little hackier and make a custom dropdown using divs. or maybe you can find some javascript library to handle this..

Answer 2

I doubt there is something for the option highlight you're specifically asking for.

Turns out there are multiple questions like this all over SO, although here is a good explanation by this one:

Well you cannot change the hover color of select option as it is rendered by Operating System instead of HTML