How to change font-family of drop down’s list item?

by

That’s because the select elements children (options) aren’t really stylable and firefox seems to be the only browser to ignore that part of the spec.

The workaround is to replace your select element with a custom widget that uses only stylable elements and perhaps a little javascript for the interactivity. like what’s done here: http://jsfiddle.net/sidonaldson/jL7uU/ or http://jsfiddle.net/theredhead/4PQzp/

More Related Contents:

  1. How to style the option of an html “select” element?
  2. Change Select List Option background colour on hover
  3. Drop-down menu that opens up/upward with pure css
  4. How to make a pure css based dropdown menu?
  5. Pure CSS multi-level drop-down menu
  6. Word wrap options in a select list
  7. How to remove the default arrow icon from a dropdown list (select element)?
  8. problem with and :after with CSS in WebKit
  9. How to hide drop down arrow in IE8 & IE9?
  10. How to indent multiple levels of select optgroup with CSS?
  11. How to change the text color of first select option
  12. How can change width of dropdown list?
  13. How to get horizontal scroll bar in select box in IE?
  14. How to layout images in 3 columns [closed]
  15. Targeting flex items on the last or specific row
  16. How do I vertically align text in a div?
  17. Why does my image have space underneath?
  18. Display a div width 100% with margins
  19. CSS3 Transform Skew One Side
  20. Why does my header moves down when I set it fixed?
  21. Is there a way to remove a div but keep its elements?
  22. How to style a checkbox using CSS
  23. Animating Linear Gradient using CSS
  24. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  25. Pure CSS Continuous Horizontal Text Scroll Without Break
  26. Equal width columns in CSS Grid
  27. How to align entire html body to the center?
  28. What are the CSS properties that get elements out of the normal flow?
  29. Can you style ordered list numbers?
  30. Best Way to do Columns in HTML/CSS

Leave a Comment