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

Question

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

http://jsbin.com/UBusIHa/1

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

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

我怎样才能摆脱它？

Answer 1

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

* {
    border-color:inherit;
}

您在该按钮上使用 CSSborder-right-width:1px;进行border-right-style:solid了声明（尽管这可能只是 IE 用于解析样式的指令）。

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

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