跨浏览器按钮填充问题

Question

非常简单但非常烦人的问题 - 我有一个表格文本框，它有一个水平放置的按钮，所以它们都应该是对齐的高度。我添加了几个像素的顶部和底部填充，但我不能让这个跨浏览器工作 - 特别是Internet Explorer似乎因为某种原因加倍填充。

有些人可以提供有关如何在大多数主流浏览器中获得完全相同尺寸的按钮的建议。

这是我用于按钮的css

.button {
color: #44444a;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0.1em 1em;
width: auto;
border: solid 1px #44444a;
}

Answer 1

根据您提供的非常有限的信息，我可以提供的最佳建议是：

1 - 确保您已宣布doctype。

2 - 执行CSS重置。类似的东西：

*{
  margin:0;
  padding:0;
}

谷歌搜索“CSS重置”通常会出现一些有用的东西。

3 - 了解你的盒子模型！

如果您可以向我们提供更多信息（HTML和CSS代码）或指向违规页面的链接，那将非常有用。