大佬教程收集整理的这篇文章主要介绍了css – Twitter Bootstrap删除行行高亮与行条纹,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如果您使用.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,请注明来意。