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

Question

我在这个上失去了头发 ......似乎当我修改宽度为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">

Answer 1

表单控件总是不太服从样式尝试，特别是选择和文件输入，因此跨浏览器可靠地设置它们的样式并考虑到面向未来的唯一方法是用 JavaScript 或 Flash 替换它们并模仿它们的功能