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

我的应用程序中的选择框有问题。我为选择框指定了一些宽度。 选择框中某些项目的宽度大于选择框的实际宽度。 每个浏览器对待它的方式都不同。我可以在IE 8中看到选择框项目的收缩。 而google chrome和firefox则占据了选择框中项目的最大宽度

---

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

每个浏览器呈现DOM元素的方式不同，要覆盖它，必须使用！所需标签上的重要css说明。宽度不是select唯一需要重写的属性。尝试高度、边距、边框和填充！同样重要。 即

---

如果仍然有不同的大小，请阅读option（select的子项）的属性，这些属性也可以被覆盖。

每个浏览器呈现DOM元素的方式不同，要覆盖它，必须使用！所需标签上的重要css说明。宽度不是select唯一需要重写的属性。尝试高度、边距、边框和填充！同样重要。 即

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

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