但是

Question

当我单击选择按钮时，我想更改给定选择选项的字体系列，而不仅仅是更改选择的值。

我查看了Change the background color of the selected option和Change select box option background color，但是并没有太大帮助。


select {
    font-family: monospace;
}

/* This is what I tried.
   select::active {
       font-family: monospace;
   } */

<html>
    <head>
        <title> Select Options</title>
    </head>
    <body>

 <select>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
 </select>

    </body>
</html>

当我单击选择时，选项的字体是默认字体。您如何更改字体？

请注意以下字体的区别：（我希望字体相同）

Answer 1

简而言之，您不能设置<select>选项（<option>）的样式。

但是

您可以开发自定义<select>

Here，您可以找到操作方法，这里是CodePen example。

单击选择时如何更改给定选项的字体系列？

1 个答案:

但是