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

前端之家收集整理的这篇文章主要介绍了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>
原文链接:https://www.f2er.com/html/229961.html

猜你在找的HTML相关文章