html - Internet Explorer 7 css 颜色和边框冲突

Question

我有一个带有一些文本的按钮，它在 IE7 的右侧创建了白色边框:

http://jsbin.com/UBusIHa/1

<div class="btn">text</div>

这个边框是文本的颜色，如果我删除了我需要的 border-right 属性，它就会消失。

我怎样才能摆脱它？

Answer 1

确保您没有任何边框颜色继承:

* {
    border-color:inherit;
}

你在那个按钮上用 CSS 声明了 border-right-width:1px; 和 border-right-style:solid (虽然这可能只是 IE 的 ling解析样式)。

在我的 IE7 开发工具中删除那些为我删除了边框，这表明它以某种方式继承了颜色。

您还可以为 .btn 类指定一个 border-right-color。