更改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

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

演示在这里