跨浏览器按钮填充发出

真的简单，但很烦人的问题 - 我有有一个按钮的旁边坐着一个格式的文本框其水平，使他们都应该是一致的高度。我加入了几个像素的顶部和底部填充，但我不能得到这个工作，跨浏览器 - 特别是Internet Explorer中似乎出于某种原因填充一倍。跨浏览器按钮填充发出

可以在如何让按钮大多数主流浏览器完全一样的大小有人献计献策。

这里是我用一个按钮

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

来源

2011-04-24 David

请提供一些您的代码（HTML和CSS） – Maverick 2011-04-24 18:36:07

这不是一个有趣的情况 - 最好的最充分的证明选项 - 使用图像/精灵。 – prodigitalson 2011-04-24 18:40:46

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

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

2 - 执行CSS重置。例如：

*{ 
    margin:0; 
    padding:0; 
}

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

3 - 了解你的盒子模型！

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

来源

2011-04-25 12:20:32 dan

跨浏览器按钮填充发出

回答

相关问题