我正在更新一个 IE6 时代的网站,以便消除或至少减少现代浏览器(在这种情况下为 IE8、Firefox 4)的外观差异。
我们遇到了按钮问题,这些按钮使用 background-color: #EFEFEF;
和 border: 1px
设置样式。在 IE6 中,此 border
设置巧妙地减少了按钮上的边框。
但是,在 IE8 和 Firefox 4 中设置 border: 1px
的 CSS 样式会完全删除边框。
我已经尝试使用 border_SIDE_color
适本地设置按钮相关边的颜色,但这没有任何影响。
我应该改用什么方法?这是一个大型遗留网站,包含许多按钮,所以我正在寻找一种纯 CSS 解决方案(如果存在的话)。强制 IE8 进入兼容模式也不是一种选择。
最佳答案
尝试设置border-style: outset;
。或者将速记版本与您已经在使用的其他样式一起使用:
.mybutton {
border: outset #EFEFEF 1px;
}
关于html - 非 IE6 浏览器中的按钮边框颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6217322/