html – 更改css font-family用于选择标签中的单独选项

我不知道这是否可行,如果有人可以抛出可选的想法,但是我试图在选择标签中显示不同字体的下拉(特别是来自Google的字体目录的字体).在下拉菜单中,我试图通过使用其所代表的字体对每个选项进行样式化来显示预览

<option name="Tangerine" style="font-family:'Tangerine',verdana;">Tangerine</option>

这似乎并没有起作用.任何线索为什么或如何解决？

解决方法

您应该将每个选项标签包装在optgroup标签中,然后将其设置为：

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