html - 为什么 Chrome、Firefox 和 IE 都以不同方式呈现固定宽度的 SELECT 控件？

我在这个问题上失去了头发 ... 似乎当我修复 HTML SELECT 控件的宽度时，它会根据浏览器呈现不同的宽度。

知道如何在不必求助于多个样式表的情况下对其进行标准化吗？

这是我正在使用的:

.combo
{
    padding: 2px;
    width: 200px;
}

.text
{
    padding: 2px;
    width: 200px;
}

这是我的页面文档类型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

最佳答案

也尝试在选择上设置 font-size，这会影响它们的呈现方式。还要考虑 min-width 和 max-width 属性。

关于html - 为什么 Chrome、Firefox 和 IE 都以不同方式呈现固定宽度的 SELECT 控件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/135076/