Change css font-family for separate options in select tag

by

You should wrap each option tag in an optgroup tag and then style that as: 

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

More Related Contents:

  1. How to add some non-standard font to a website?
  2. Google Fonts are not rendering on Google Chrome
  3. How do I install a custom font on an HTML site
  4. Font Awesome icon inside text input element
  5. Fonts on the Web [duplicate]
  6. Multiple Spaces Between Words in HTML without  
  7. Using .otf fonts on web browsers
  8. Use multiple @font-face rules in CSS
  9. Loading an external font via inline CSS
  10. How to vertically align text with icon font?
  11. Why is ‘font-family’ not inherited in ” tags automatically?
  12. Why does my design elements look different in all browsers? UPDATE [closed]
  13. Set width on div
  14. How to Make columns in row [closed]
  15. Is it wrong to change a block element to inline with CSS if it contains another block element?
  16. How to position text over an image with CSS
  17. :last-child not working as expected?
  18. Horizontal list items
  19. Input size vs width
  20. Stretch background image css?
  21. How to remove “Invisible space” from HTML [duplicate]
  22. Difference between “visibility:collapse” and “display:none”
  23. Is it possible to use CSS vars in CSS3 selectors?
  24. How do I add a highlight behind the text via CSS so it looks like Instagram-one below?
  25. How to remove indentation from an unordered list item?
  26. grid-auto-flow in snake lines?
  27. How do I vertically align something inside a span tag?
  28. Firefox 30 is not hiding select box arrows anymore
  29. How do I make a text input non-editable?
  30. Create wavy borders in CSS for top and bottom borders

Leave a Comment