Question

按钮在每个浏览器中的样式都不同。我特别想在所有浏览器中使所有按钮高度相同。我尝试了许多不同的建议和帖子，但我无法得到任何工作。我需要在IE8 +，Chrome和Firefox中使用它。这也是我正在使用的当前doctype：

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

这是一个旧网站，我需要维护该doctype，因为使用了一堆弃用的样式。

如果它是html5那么我会使用类似的东西：

input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="file"]::-webkit-file-upload-button, 
button {
    line-height:30px !important;
}

哪个适用于chrome，但firefox和IE似乎没有对此做出响应（可能是因为它们严格执行特定的doctype？）

我知道有一个jquery方法，但我不是要检查每个回发上调用哪个浏览器来设置它们的样式。

如果某人在css中有一颗银弹可能是最佳的，但我愿意接受一种极简主义的javascript方法，如果有的话。

Answer 1

不应该有这个问题：

input[type="button"], 
input[type="submit"], 
input[type="reset"], 
input[type="file"], 
button {
    height:30px; //Don't use the !important keyword if you can help it!
    box-sizing: border-box; //Makes working with dimensions a bit easier
}

所有浏览器中的按钮高度相同

1 个答案: