css – Twitter Bootstrap删除行行高亮与行条纹

前端之家收集整理的这篇文章主要介绍了css – Twitter Bootstrap删除行行高亮与行条纹前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种简单的方法来从twitter引导程序中删除tr:hover样式,这样我仍然可以使用他们的表样式,而不会在悬停上获取行高亮?

解决方法

@ Blender的答案是正确的,但只有当你不使用桌面上的.table-striped类时.

如果您使用.table-striped类,当您将鼠标悬停在具有浅灰色条纹的行上时,行高亮将不会消失.

当您将鼠标悬停在浅灰色的行上时会发生什么,即行将从浅灰色变为透明(白色),因此您将无意中对所有浅灰色的行执行行悬浮效果.

如果您还需要从条纹行中夺取悬停效果,那么在Blender的原始答案的基础上,我想你会有另一条规则:

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


.table-striped tbody tr:nth-child(odd):hover td {
   background-color: #F9F9F9;
}

好的例子:这是一个链接到一个工作的jsfiddle示例,其中.table-striped类被考虑:
http://jsfiddle.net/pXWjq/

错误的示例:这里有一个例子,其中表格行悬停仍然发生(在灰色行上),因为灰色行悬停未被考虑:
http://jsfiddle.net/448Rb/

原文链接:https://www.f2er.com/css/217223.html

猜你在找的CSS相关文章