html - IE7 BUTTON 白色轮廓

Question

有谁知道为什么 IE6 和 IE7 在 button 边框和背景之间添加白色边框？

这是我的 CSS 和 HTML:

#reportButton{
    background:#fefcda url(buttonback.png) repeat-x bottom left;
    border-top:2px solid #fffff8;
    border-right:2px solid #e3b40c;
    border-bottom:2px solid #e3b40c;
    border-left:2px solid #fffff8;
    color: #373535;
    font-weight: bold;
    margin:0 2%;
    width:45%;
}

<button id="reportButton">Report a Concern</button>

如果您尝试这样做，您会在边框和背景之间看到一个有趣的白色边框。这不会出现在任何其他浏览器中，甚至不会出现在 IE8 中。

有人对我做错了什么有简单的修复或建议吗？

谢谢!

编辑:我刚刚注意到，当我点击按钮时，行进的 Ant 出现了，白色边框消失了。似乎当按钮为 :active 时，它们就消失了，尽管这在解决问题方面对我帮助不大，但也许对其他人会有帮助。

此外，抱歉我无法提供屏幕；我现在没有地方可以通过此 Internet 连接上传它。

EDIT2:实际上边框不是白色，而是按钮的 background-color。 IE 似乎在按钮边框和按钮背景图像之间留下了 1px 的间隙。

Answer 1

我有同样的问题......似乎至少对 IE 有效的巧妙技巧:“白色”轮廓实际上是图像的背景颜色。因此，将其设置为与您的边框颜色相同。如果您不介意略粗的边框，请停在那里。如果现在边框太粗，请将边框颜色设置为页面的背景颜色。

例如要显示黑色“边框”，请将此 css 用于您的按钮:背景:url(./button_bg.gif) 不重复；背景色:#000000；边框:1px 实心#FFFFFF；