【问题标题】:Twitter bootstrap take out the hover background color on tablesTwitter bootstrap 去掉表格上的悬停背景颜色
【发布时间】:2012-09-07 19:35:11
【问题描述】:

我花了 45 分钟研究如何消除行悬停时的背景颜色变化。

见小提琴:http://jsfiddle.net/BJrnC/1/

以防万一我不清楚。当您使用引导程序在表格的 tbody 中悬停一行时,背景变为灰色。问题是我真的很喜欢他们的布局,但我就是不喜欢那样。

如何禁用它?

谢谢。

【问题讨论】:

标签: css twitter-bootstrap


【解决方案1】:

您可以在样式表中添加以下内容以覆盖该功能:

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: transparent;
}

演示:http://jsfiddle.net/BJrnC/2/


注意:注意到我仍然得到这个答案的支持。 twitter 引导程序现在默认执行此操作。如果您想为表格添加悬停效果,只需将 .table-hover 悬停类添加到表格的主体,否则只需省略它,悬停时它不应该有任何效果。这仅适用于最新版本的引导程序。

【讨论】:

  • 赞成,因为当我在该行有另一个类时,我需要更改悬停颜色(通过 CSS)。
  • 我不明白,我用了这个,当我想要一个不同的颜色时它工作了,当一行添加了一个自定义类时,今天它停止工作了,原因我想不通完全没有,我认为我什至没有改变任何东西。
猜你喜欢
  • 2015-07-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-10-29
  • 1970-01-01
  • 2013-06-28
  • 1970-01-01
相关资源
最近更新 更多