更改HTML下拉选项字体大小

Question

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

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

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

由于

Answer 1

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

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

小提琴：http://jsfiddle.net/tCw8M/

或使用样式表：

select {
   font-size: 50px;
}

小提琴：http://jsfiddle.net/tCw8M/2/

Answer 2

您必须应用select中的样式，而不是option中的样式：

select{
    font-size:50px;
}

fiddle

Answer 3

字体大小选项需要位于select标记上，而不是选项标记：

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

无论是直接对标签执行还是在css文件中选择标签都取决于您。

Answer 4

您应该使用以下代码关闭默认操作系统样式：-webkit-appearance: none;

DEMO here

Answer 5

将它放在样式表中：

select{
font-size: 150px;

}

查看示例：http://jsfiddle.net/robcabrera/bx8R4/