跨浏览器按钮填充问题

Question

一个非常简单但非常烦人的问题 - 我有一个表单文本框，旁边水平放置着一个按钮，它们应该具有相同的高度。我添加了几个像素的顶部和底部填充，但我无法在跨浏览器中使其正常工作 - 特别是Internet Explorer似乎会将填充加倍。

有人能提供如何在大多数主要浏览器中获得完全相同尺寸按钮的建议吗？

这是我用于按钮的CSS：

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

- David

---

请提供您的一些代码（HTML和CSS）。 - Maverick

这不是一个有趣的情况 - 最佳且最完美的选择 - 使用图像/精灵。 - prodigitalson

Answer 1

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

1- 确保您已经声明了您的doctype。

2- 进行CSS重置。例如：

*{
  margin:0;
  padding:0;
}

搜索“CSS重置”通常会得到一些有用的结果。

3 - 了解你的盒模型！

如果您可以提供更多信息（HTML和CSS代码）或有关问题页面的链接，那将非常有用。

- dan