IE7按钮白色轮廓

2018-06-14 05:26:59

有谁知道为什么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中。

任何人有一个简单的修复或建议，我做错了什么？

谢谢！

编辑：我只注意到，当我点击按钮，行军的蚂蚁出现，白色边框消失。看起来好像当按钮是:active它们消失了，虽然这对解决问题并没有多大帮助，也许它会为别人提供帮助。

另外，对不起，我无法提供屏幕; 我现在没有地方通过这个互联网连接上传它。

EDIT2：它实际上看起来是边框不是白色的，而是按钮的background-color 。看起来IE在按钮边框和按钮背景图像之间留下1px的间隙。

我遇到了同样的问题......至少对于IE来说似乎起作用的巧妙技巧：“白色”轮廓实际上就是图像的背景颜色。因此，将其设置为与您的边框颜色相同。如果你不介意稍微厚一些的边界，那就到那里吧。如果边框现在太厚，请将边框颜色设置为页面的背景颜色。

例如，要显示一个黑色的“边框”，请使用此CSS作为按钮：background：url（./ button_bg.gif）no-repeat; 背景色：＃000000; border：1px solid #FFFFFF;

确保边框不是来自图像本身（图像的背景），设置精确的width和height ，还可以像@SLaks所说的那样尝试将padding设置为0 。

链接地址: http://www.djcxy.com/p/40499.html

上一篇: IE7 BUTTON white outline

下一篇: Table cell loses border when css gradient filter is applied in IE8