我想创建一个选择下拉列表以能够选择一种字体。在此列表中,我希望每个字体选项都以该样式显示为字体预览。
<select>
<option class="Times-New-Roman" value="Times-New-Roman">Times New Roman</option>
<option class="Verdana" value="Verdana">Verdana</option>
<option value="Comic-Sans-MS">Comic Sans MS</option>
<option value="WildWest">WildWest</option>
<option value="Bedrock">Bedrock</option>
</select>
上面是一个基本的下拉框,每个字体类型都有其自己的类名,但是似乎无法弄清楚如何制作它,因此每个类名都具有自己的字体,该字体将显示在下拉列表中。
感谢您花费任何时间来寻找解决方案。
此致,
提姆
最佳答案
请尝试如下格式。
<select>
<option style="font-family:'Times New Roman';" class="Times-New-Roman" value="Times-New-Roman">Times New Roman</option>
<option style="font-family:Verdana, Geneva, sans-serif;" class="Verdana" value="Verdana">Verdana</option>