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

你可以用任何颜色替换透明,使所有行都成为纯色.