HTML选择字体大小

Question

我在OS X Safari和Chrome上设置HTML <select>字体大小时遇到​​问题。基本上该属性被忽略，除非我放大或缩小，在这种情况下属性被神奇地识别。有人看到同样的事情/知道一个变通方法吗？适用于OS X Firefox，这让我觉得它是一个Webkit问题。

Answer 1

我刚刚遇到了这个问题，并找到了比-webkit-appearance：none更好的解决方案（没有额外的样式，我看起来很笨重）。如果设置边框颜色，则可以在保持标准webkit外观的同时使字体更大。

select {
    font-size:1.2em;
    border-color:#999; /* without this, it won't work */
}

非常愚蠢，但至少它可行，并且在Chrome和Safari中都有效。

Answer 2

您需要使用以下代码关闭默认操作系统样式：-webkit-appearance: none;
（如果你正在制作一个高风格的下拉菜单，这实际上是一个完整的样式重置。）

<强> Live Demo

---

您也可以尝试：-webkit-appearance: menulist-button;
（虽然我不确定其他风格效果会如何影响这个。）