css - 使用 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;
}

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