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

【问题标题】：How to set system fonts in a HTML select control?如何在 HTML 选择控件中设置系统字体？
【发布时间】：2013-10-20 08:10:49
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

See the Demo here

select {
    font-family: arial;
    font-size: 22px;
}

【讨论】：

【解决方案2】：

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

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

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

【讨论】：