3

I am trying to apply the font family different to each option. it is working with chorme and mozila. but in safari it gives default font only. can you please suggest how to do this.

<select>
    <option value="'Proxima Nova Alt Light'" style="font-family: 'Proxima Nova Alt Light'">Proxima Nova</option>
    <option value="Arial" style="font-family: Arial">Arial</option>
    <option value="Helvetica" style="font-family: Helvetica">Helvetica</option>
    <option value="Verdana" style="font-family: Verdana">Verdana</option>
    <option value="Courier" style="font-family: Courier" >Courier</option>
    <option value="CraftyGirlsRegular" style="font-family: CraftyGirlsRegular" >Crafty Girls Regular</option>
    <option value="MarckScriptRegular" style="font-family: MarckScriptRegular" >Marck Script Regular</option>
</select>
HD..
  • 1,456
  • 3
  • 28
  • 48
  • possible duplicate of [How to change font-family of drop down's list item?](http://stackoverflow.com/questions/10696004/how-to-change-font-family-of-drop-downs-list-item) – Hacketo Aug 12 '15 at 07:31
  • That's different. I already told that it is working in chrome and firefox ... I have issue with safari – HD.. Aug 12 '15 at 07:37
  • It's not different, read the answer again. You can't style select element in Safari, for me it does not work in Chrome too. – Hacketo Aug 12 '15 at 07:50
  • it is not work in chrome only for mac os.. for windows chrome it will work – HD.. Aug 12 '15 at 12:38

1 Answers1

6

You can't change the font-family of select options for safari browser.

You can use custom plugin to do this.

Reference link

Pandiyan Cool
  • 6,381
  • 8
  • 51
  • 87