CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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/

大佬总结

以上是大佬教程为你收集整理的css – Twitter Bootstrap删除行行高亮与行条纹全部内容,希望文章能够帮你解决css – Twitter Bootstrap删除行行高亮与行条纹所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。