I guess I do not understand the simple thing.

<select> <option style='background: #009966; color: #FFF;'></option> </select>

in Firefox works - in Chrome no.

  • No Use search - korytoff 2:51 pm

2 answers 2

No Each browser understands and shows a very different way, in iOS everything will be different in general. If you want 100% cross-browser compatibility, you need to use one of the many JS scripts that replace the layout with ul>li (for example), and then you paint them as you like.

    Everything works the same:

     option { background: #009966; color: #FFF; } 
     <select> <option>123</option> <option>123</option> <option>123</option> <option>123</option> </select>

    • Your code does not work for me, and through the sandbox as well. - Prog2010
    • Which browser with the version? I have Yandex Browser 43.0.2357.2877 (32 bit) - it works. - Qwertiy ♦
    • Version 45.0.2454.101 (64-bit) google chrome. users also stopped working a few months ago. - Prog2010