html - 非 IE6 浏览器中的按钮边框颜色

Question

我正在更新一个 IE6 时代的网站，以便消除或至少减少现代浏览器(在这种情况下为 IE8、Firefox 4)的外观差异。

我们遇到了按钮问题，这些按钮使用 background-color: #EFEFEF; 和 border: 1px 设置样式。在 IE6 中，此 border 设置巧妙地减少了按钮上的边框。

但是，在 IE8 和 Firefox 4 中设置 border: 1px 的 CSS 样式会完全删除边框。

我已经尝试使用 border_SIDE_color 适本地设置按钮相关边的颜色，但这没有任何影响。

我应该改用什么方法？这是一个大型遗留网站，包含许多按钮，所以我正在寻找一种纯 CSS 解决方案(如果存在的话)。强制 IE8 进入兼容模式也不是一种选择。

Answer 1

尝试设置border-style: outset;。或者将速记版本与您已经在使用的其他样式一起使用:

.mybutton {
    border: outset #EFEFEF 1px;
}