BootStrap表格⿏标悬停颜⾊修改
在实际项⽬中BootStrap的默认样式可能并不能完全满⾜我们的需求，在开发过程中本着软件可维护性的需要，我们尽量不对其css⽂件进⾏修改，⽽是⾃定义添加公共css样式⽂件。
BootStrap的表格悬停table-hover样式颜⾊为浅灰⾊，与斑马线table-striped颜⾊⼀致，若须同时添加此两种效果，则⽤户体验会遭到破坏，解决办法就是修改⿏标悬停颜⾊。
通过浏览器开发⼈员⼯具【F12】查看资源，到bootstrap.css样式⽂件，查table-hover
bootstrap项目
其中background-color:#f5f5f5就是悬停颜⾊的颜⾊代码，我们将选中的这段代码复制到需要修改的页⾯。
将background-color:#f5f5f5改为⾃⼰需要的颜⾊代码即可。若要将其作为公共样式，则需要对其优先权限进⾏设置，添加!important即可。
.table-hover>tbody>tr:hover {
background-color: wheat!important;
}
CSS样式表的权限和级别详情可参考
转载于:my.oschina/papio/blog/744727

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。