How to style a select tag’s option element?

by

Unfortunately, WebKit browsers do not support styling of <option> tags yet, except for color and background-color.

The most widely used cross browser solution is to use <ul> / <li> and style them using CSS. Frameworks like Bootstrap do this well.

More Related Contents:

  1. Chrome / Safari not filling 100% height of flex parent
  2. What is a user agent stylesheet?
  3. How to style the with only CSS?
  4. Remove blue border from css custom-styled button in Chrome
  5. Google Chrome Printing Page Breaks
  6. :not() selector not behaving the same between Safari and Chrome/Firefox
  7. Chrome Font appears Blurry
  8. Height 100% on flexbox column child [duplicate]
  9. How to force Chrome browser to reload .css file while debugging in Visual Studio?
  10. image moves on hover – chrome opacity issue
  11. Font-size issues comparing chrome and Firefox
  12. How can I set the width of select box options?
  13. What do the crossed style properties in Google Chrome devtools mean?
  14. CSS-Only Sticky Table Headers In Chrome
  15. Fonts looks different in Firefox and Chrome
  16. How can I change the font-size of a select option? [duplicate]
  17. How to reset / remove chrome’s input highlighting / focus border? [duplicate]
  18. Removing the image border in Chrome/IE9
  19. Print Background colours in Chrome
  20. Anyway to prevent the Blue highlighting of elements in Chrome when clicking quickly?
  21. Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
  22. Using “word-wrap: break-word” within a table [duplicate]
  23. WebKit CSS content Unicode bug?
  24. chrome : how to turn off user agent stylesheet settings?
  25. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  26. Font-size
  27. -webkit-font-smoothing property has no effect in Chrome
  28. Combine CSS Attribute and Pseudo-Element Selectors?
  29. @media query not working in mobile. Works fine in Chrome
  30. How to Make Select Element be Transparent in Chrome?

Leave a Comment