从表格中删除边框并为替代行添加颜色？

Question

删除要添加到替代行的表格和颜色的边框。

这是我的代码： https://stackblitz.com/angular/dnbermjydavk?file=app%2Ftable-overview-example.ts。

Answer 1

老实说，可能由于语言障碍，您不清楚要什么，但我已经解释过您想这样做：

• 从行中删除边框
• 为交替的行提供不同的背景颜色

在此基础上，以下CSS规则应有所帮助：

mat-row:nth-child(odd) {
        background: #eee;
}

mat-row.mat-row.ng-star-inserted {
    border: 0;
}

根据需要更改背景颜色（因为黄色文本存在冲突）。删除边框时需要更多的特异性，因为这是在继承的样式表中设置的（可能是从您使用的主题开始），因此我在参考中提供了更多详细信息，而不是懒惰的{{1} }后缀。

结果如下：

如果要从表格中删除阴影边框，请添加以下内容：

!important