在TD上添加背景颜色使我的边框消失

Question

这是添加background-color

后的样子

对于此表，涉及的CSS是：

    .styleTable td,th
{
    padding: 10px;
    text-align:left;
    font-size:10pt;
}


.tdColorGrey
{
    background-color:#B8B8B8 ;
    font-weight:bold;
    border:1px;
}

这是我的桌子风格：

 <table class="styleTable" style="width: 80%;background-color:white;" border="1">

边框显示时没有tdColorGrey但是一旦我添加它们就会消失。

Answer 1

问题在于

border:1px;

是简写属性，字面意思是

border-width:1px; border-style:none; border-color:currentColor;

请参阅description on MDN 因此，如果您将类分配给任何td，则它将具有无边框样式，而不是从表继承。

如评论中所述，可能的解决方案是

• 在css中明确写出样式：

  border:1px solid black;
  

  （无论你需要什么样的风格和颜色）

• 或者，从css中删除border属性，以便边框正常继承！