html - 如何更改下拉菜单(选择)中第一个选项标签的字体大小？

Question

如何更改 select 标签中第一个 option 标签的字体大小？我已经尝试更改选项的 CSS:first-child 没有运气。

我希望第一个选项的字体大小为 25px，而列表中的其他元素的字体大小为 12px。

我已经在这里阅读了可以更改第一个选项的字体颜色和字体类型的教程，但是当我对它们应用 font-size 时，它​​似乎没有生效。

这可以通过 CSS 或 JQuery 实现吗？谢谢!

HTML代码:

<select>
<option>Select (25px)</option>
<option>List 1 (12px)</option>
<option>List 2 (12px)</option>
<option>List 3 (12px)</option>
<option>List 4 (12px)</option>
</select>

Answer 1

如果下面这个选项是你想在 SELECT 标签中改变字体大小的选项

    <option id="op1">option 1</option>

将下面的代码放在head元素中

   <script>
     document.getElementById("op1").style.fontSize ="25px";
   </script>