css - 在 chrome 中为下拉菜单设置字体大小似乎不会影响样式

Question

我在 chrome 中设置了下拉菜单的字体大小，但它似乎并没有改变 <select> 的大小。

它适用于 FF - 当我将字体大小设置为 15px 时，它明显更大

Answer 1

如果 Chrome 和 Safari 只是忽略您的 height、font-family 和 font-size CSS 设置来选择:添加边框属性可以帮助 Webkit 遵守您的设置。

例子:

select {
 border: 1px solid #a4a4a4; /*Same grey as default appearance*/
 ( background: transparent; /*Would work too, but adds an ugly black border*/ )
 font-family: times; /*Now in webkit too*/
 font-size: 30px; /*Now in webkit too*/
}