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

Question

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

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

Answer 1

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

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

需要注意的是，唯一可以更改字体的是默认/选定选项。当你点击下拉按钮时，显示你所有选项的菜单将会有一个由浏览器设置的字体，大部分你都不能改变。另一种方法是使用JavaScript构建的自定义选择输入，这将允许您设置所有样式。

Answer 2

See the Demo here

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

Another Demo with custom google font