HTML选择字体大小

Question

我<select>在OS X Safari和Chrome上设置HTML 字体大小时遇到问题.基本上该属性被忽略,除非我放大或缩小,在这种情况下属性被神奇地识别.有人看到同样的事情/知道一个变通方法吗？适用于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;
如果您正在制作高级样式的下拉菜单,这实际上是一个完整的样式重置.)

现场演示

你也可以尝试:( -webkit-appearance: menulist-button;
虽然我不确定其他风格效果会如何影响这个.)