从IE7到其他浏览器的CSS Border Gainsboro

Question

我有以下用于表格边框的CSS：

BORDER-BOTTOM: gainsboro 5px inset;
BORDER-LEFT: gainsboro 1px solid;
BACKGROUND-COLOR: gainsboro;
BORDER-TOP: gainsboro 1px solid;
BORDER-RIGHT: gainsboro inset

在IE7中它产生了这个边界：

但在任何其他浏览器中，结果都是

我如何重现IE7在另一个浏览器中生成的边框？

Answer 1

FWIW，这段代码对我来说很好用：

table{
    border-bottom: gainsboro 5px inset;
    border-left: gainsboro 1px solid;
    background-color: gainsboro;
    border-top: gainsboro 1px solid;
    border-right: gainsboro 5px inset;
}

问题是您没有为右边框设置宽度，背景颜色与实心边框相同，因此您不会看到它们 - 它们会与之混合的背景。嵌入边框以不同颜色渲染，使其看起来很好，插入，因此它们不会与相同的背景颜色混合。

编辑添加 - 抱歉你必须使用IE7