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

Css 在chrome中设置下拉菜单的字体大小似乎不会影响样式,css,firefox,google-chrome,Css,Firefox,Google Chrome,我在chrome中设置了下拉列表的字体大小,但它似乎没有改变 它在FF上工作-当我将字体大小设置为15px时,它明显更大一些浏览器允许您自己修改字体大小,而有些浏览器则不允许 通过设置边框样式,可以破解选择元素的特定于浏览器的样式 选择{ 边框:1px实心#ccc; 字号:2em; } 快的 棕色的 福克斯 如果Chrome和Safari忽略了您的高度、字体系列和字体大小CSS设置,请选择: 添加边框属性可以帮助WebKit尊重您的设置 例如: select { border: 1px s

我在chrome中设置了下拉列表的字体大小,但它似乎没有改变


它在FF上工作-当我将字体大小设置为15px时,它明显更大

一些浏览器允许您自己修改
字体大小
,而有些浏览器则不允许

通过设置
边框
样式,可以破解
选择
元素的特定于浏览器的样式

选择{
边框:1px实心#ccc;
字号:2em;
}

快的
棕色的
福克斯

如果Chrome和Safari忽略了您的高度字体系列字体大小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*/
}

另一个解决方法是使用
-webkit外观设置
元素的样式:menulist按钮

选择{-webkit外观:菜单列表按钮;字体大小:25px;}

A.
BB
CCC

@sandeep:我不理解你的评论,这很讽刺。从技术上讲,这不是正确的行为吗?如果我更改
字体大小
,我不希望元素本身的大小发生变化。我认为这取决于select元素默认是内联还是内联块。块元素不会根据字体大小而改变大小,而内联元素会改变大小。>对于我来说,它实际上不会改变。这很奇怪。