How to change font-family of drop down's list item?
css, drop-down-menu, html, select
Solution
That's because the `select` elements children (`option`s) 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/
Problem
I have a drop-down that lists font families. Like Tahoma, Arial, Verdana, etc. I want to change the font-family of each drop-down item according to the value it represents. Just like Photoshop does it. I changed the CSS for each drop-down item but it only works on FireFox. It doesn't work on any other browser. I don't want to use any jQuery plugin.