使用 Blueprint CSS 框架时如何创建不交替行颜色的表格？

Question

默认情况下，Blueprint CSS 框架使所有表格行具有交替颜色。如何禁用一张表的这种行为？

我尝试使用 Chrome 开发人员工具来查看 Chrome 用于已定义表格的所有样式，但没有找到为行设置颜色的样式。我也上网查了一下，没有找到解决办法。这就像魔法一样......

有人可以帮助我吗？

Answer 1

您需要一个更具体的选择器来覆盖... BP 非常通用，因此这不应该成为问题，例如：

table.no-zebra tbody tr:nth-child(even) td,
table.no-zebra tbody tr.even td {
  background: transparent;
}

您可以用任何颜色替换透明，使所有行都变为纯色。

Answer 2

我只是在我自己的CSS文件中进行覆盖

tbody tr:nth-child(even) td, tbody tr.even td {background:none;}

Answer 3

这是我放入 CSS 文件顶部的内容，用于禁用 Blueprint 的偶数表行背景颜色。

table tr:nth-child(even) td {
  background: transparent;
}

Answer 4

可能搜索并删除（来自 screen.css）

tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}