表格边框未在Internet Explorer中显示

时间:2013-01-23 01:34:42

标签: css internet-explorer internet-explorer-8

我有以下css用于表格的薄边框。它适用于Chrone和Firefox,但不适用于IE8。

table.list
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
}

.list td, .list th 
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    border-style: solid;
}

在IE8中,未显示表格的左边框和下边框,而不是所有tds。那是为什么?

1 个答案:

答案 0 :(得分:2)

我放大并仔细观察桌子,每个左边和底部都有边框,但它们都是白色的。我明确地将border-color输入为黑色并且案例已经解决。这是编辑后的CSS:

table.list
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
    border-color: Black;
}

.list td, .list th 
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color:Black;
}