0

I want to define different font-family styles to options of a select, for example:

<select>
    <option style="font-family:Arial;">AAAA</option>
    <option style="font-family:Times New Roman;">AAAA</option>
    <option style="font-family:Comic Sans MS;">AAAA</option>
</select>

But this code doesn't work in IE and Chrome Browsers.

BSMP
  • 4,596
  • 8
  • 33
  • 44
totoaussi
  • 712
  • 1
  • 11
  • 27
  • 1
    [http://stackoverflow.com/questions/10696004/how-to-change-font-family-of-drop-downs-list-item](http://stackoverflow.com/questions/10696004/how-to-change-font-family-of-drop-downs-list-item) provides some suggestions for how you can create a styled drop-down list. – brenzy Apr 25 '15 at 12:20

1 Answers1

2

The options tags are created by the browsers UI styles and are hard and inconsistent to style. You would either want to use some javascript, build it as something other than a select (such as a list) or my preference, leave it as the browser default.

Adam Hughes
  • 2,197
  • 20
  • 31