javascript - 如何在 HTML 选择控件中设置系统字体？

Question

我的元素中有一个选择控件。我想将此控件用于系统字体。我该怎么做？
我搜索了但没有找到任何关于 HTML select 的信息。

 <select id="Select1">
       <option></option>
 </select>

Answer 1

您需要使用 CSS 定位选择以更改字体。在你的 CSS 中:

select {
    font-family: your-font-choice, your-second-choice, your-third-choice;
}

需要注意的是，唯一可见的字体更改是默认/选定选项。当您单击下拉按钮时，显示所有选项的菜单将具有浏览器设置的字体，大部分情况下您无法更改。另一种方法是使用 javascript 构建的自定义选择输入，它允许您设置所有内容的样式。