我在OS X Safari和Chrome上设置HTML <select>
的字体大小遇到了麻烦。基本上这个属性被忽略,除非我放大或缩小页面,然后这个属性就会奇迹般地被识别出来。有人遇到相同的问题/知道解决方法吗?在OS X Firefox中运行正常,这让我觉得这是一个Webkit的问题。
我在OS X Safari和Chrome上设置HTML <select>
的字体大小遇到了麻烦。基本上这个属性被忽略,除非我放大或缩小页面,然后这个属性就会奇迹般地被识别出来。有人遇到相同的问题/知道解决方法吗?在OS X Firefox中运行正常,这让我觉得这是一个Webkit的问题。
我也遇到过这个问题,发现比 -webkit-appearance:none 更好的解决方案(没有额外样式的情况下看起来很笨拙)。如果设置了边框颜色,您可以保持标准的webkit外观而使字体大小更大。
select {
font-size:1.2em;
border-color:#999; /* without this, it won't work */
}
font-size: 18px; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent;
- allicarnborder
属性,除了 border-collapse
- 特别不太可能与页面样式冲突的是 border-image: 0
或 border-image: repeat
。如果使用无形的 box-shadow
解决方案,则可以将其缩短为 box-shadow: 0
。顺便说一句,outline
不起作用。 - henrybackground
也可以起作用。有趣的是,如果您将属性设置为与用户代理样式表应用的相同值,则不会产生影响。事实上,浏览器必须实际更改元素的显示才能触发新的渲染。 - Neil Monroe-webkit-appearance: none;
您还可以尝试:-webkit-appearance: menulist-button;
(虽然我不确定其他样式效果会如何影响它。)