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

Question

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

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

score 2 · Accepted Answer

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

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

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

score 1 · Accepted Answer

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

2 回答 2