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

MrBlue

Senior Member

Dec 18, 2009

975

695

• Apr 24, 2015

• #1

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

Code:

<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:

Code:

https://jsfiddle.net/c0ovw6tb/

 

W

watermelon12

Newbie

Jun 7, 2015

16

4

• Jun 10, 2015

• #2

Pretty basic, you could also use .classes

 

MikeTO2

Power Member

Jr. VIP

Nov 24, 2013

691

103

• Jun 10, 2015

• #3

nothing special

 

MrBlue

Senior Member

Dec 18, 2009

975

695

• Jun 10, 2015
• Thread Starter Thread Starter

• #4

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

watermelon12 said:

Pretty basic, you could also use .classes

Click to expand...

 

member8200

Regular Member

Aug 9, 2014

477

33

• Jun 12, 2015

• #5

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.

 

H

Hexiuss

Junior Member

Aug 18, 2010

163

25

• Jun 29, 2015

• #6

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