如何在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