IE 8、Firefox 和 Google Chrome 中选择框中项目的宽度不同

Question

我的应用程序中的选择框有问题。我为选择框指定了一些宽度。 选择框中某些项目的宽度大于选择框的实际宽度。 每个浏览器对它的处理方式都不同。我可以看到 IE 8 中选择框项目的缩小。 而谷歌浏览器和火狐浏览器则采用选择框中项目的最大宽度。

我想控制选择框的宽度。有什么办法可以做到这一点吗？

Answer 1

每个浏览器渲染 DOM 元素的方式都不同，要覆盖它，您必须在所需标签上使用 !important css 描述。宽度并不是 select 唯一需要重写的属性。也尝试使用 !important 来设置高度、边距、边框和填充。
IE。

select
{
border:1px solid #ccc !important;
height:20px !important;
margin:0px !important;
padding:0px !important;
width:200px !important;
}

如果仍然具有不同的大小，请阅读也可以覆盖的选项（选择的子项）的属性。