更改 HTML 下拉选项字体大小 [重复]答案

【问题标题】：Change HTML dropdown option font size [duplicate]更改 HTML 下拉选项字体大小 [重复]
【发布时间】：2014-07-15 23:35:46
【问题描述】：

我有这个简单的 HTML 下拉菜单：

<select>
    <option style="font-size:50px;">Test</option>
</select>

我找不到增加选项字体大小的方法。由于某种原因，字体大小属性被忽略了。这是一个错误还是什么？

谢谢

【问题讨论】：

关闭默认的操作系统样式...请参阅我上次编辑的答案中的详细信息。这肯定会起作用。
在 cmets（并且仅在 cmets）中，您说的是大于 16px 的特定尺寸不起作用。您需要指定经过测试的浏览器并提供可重现的案例。某些浏览器不允许您设置 option 的样式，而只是 select，但这是一个不同的问题（旧的 SO 问题和答案中有很好的介绍）。

标签： html css

【解决方案1】：

您是否尝试将其放在您的 <select> 元素上？

<select style="font-size:50px;">
    <option>Test</option>
</select>

或者使用样式表：

select {
   font-size: 50px;
}

【讨论】：

【解决方案2】：

字体大小选项需要在选择标签上，而不是选项标签上：

<select style="font-size:50px;">
     <option >Test</option>
</select>

您是直接对标签执行此操作，还是在 css 文件中选择标签取决于您。

【讨论】：

【解决方案3】：

您应该关闭默认的操作系统样式：-webkit-appearance: none;

【讨论】：

【解决方案4】：

您必须在select 中应用样式，而不是在option 中，例如：

select{
    font-size:50px;
}

【讨论】：

【解决方案5】：

将其放入样式表中：

select{
font-size: 150px;

}

【讨论】：