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;
}

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

Answer 2

我只会在我自己的 css 文件中覆盖

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

Answer 3

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

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

Answer 4

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

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