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

Question

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

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

然而，在IE8和Firefox 4中，设置CSS样式border: 1px完全删除边框。

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

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

Answer 1

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

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