CSS font-family for separate options in a html select element.

[MrBlue]

This is how you would change the css font-family for separate options in a html select element.

<select>


  <optgroup style="font-family:arial">
    <option>Arial</option>
  </optgroup>


  <optgroup style="font-family:verdana">
    <option>veranda</option>
  </optgroup>


  <optgroup style="font-family:other">
    <option>other</option>
  </optgroup>


</select>

Fiddle:

https://jsfiddle.net/c0ovw6tb/

 

[watermelon12]

Pretty basic, you could also use .classes

 

[MikeTO2]

nothing special

 

[MrBlue]

Thanks for the feedback. I only posted this to help out a fellow member who asked me for assistance.

Pretty basic, you could also use .classes

 

[member8200]

Hahaha. If i were you i will use CSS. And use class or tag to group and easily modify the font. Sorry for the word but the way you code is obsolete . The best to do it is to organize each code, group them.

 

[Hexiuss]

ya if you don't use css classes the hardcoded html could unintentionally overwrite css styling and cause problems