firefox - 双边框 CSS3 - FF !Chrome

Question

我想知道，为什么表 TDs 上的双边框不会在 Chrome 中显示，而只在 FF 中显示？有什么想法可以解决吗？谢谢!

http://jsfiddle.net/yQQLk/1/

Answer 1

当 border 属性本身已经支持双边框时，不确定为什么要使用 box-shadow 来生成双边框。只需使用以下 CSS 而不是您所拥有的:

td {
    border-bottom: 3px double red;
}

请注意，您需要将边框的大小增加到 3px，以便两条线都能显示(对于 1px，它有时不会显示当您指定 double 时完全没有)。

另一个优点是这将适用于所有浏览器，包括不支持 box-shadow 的旧浏览器。