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