MrReady的gravatar头像
MrReady 2018-06-14 21:48:54
Bootstrap tabs样式的优化css !important的使用

Bootstrap tabs样式的优化css !important 提升指定样式规则的应用优先权。

       在优化Bootstrap tabs的样式,发现在自定义css没有使用!important前,自已针对tabs的调整怎么都不起作用.在百度了好多资料,在一篇文章看见别人的修改用了!important, 尝试着加上居然生效了,好无语呀!

 默认tabs样式

Bootstrap tabs样式的优化css !important的使用

使用了下面样式的效果

.nav-tabs .active a{
 border-top: 2px solid #3498db !important;
 border-right: 1px solid #3498db !important;
 border-left: 1px solid #3498db !important;   
}

Bootstrap tabs样式的优化css !important的使用

 


打赏
最近浏览
lalalalalamo  LV8 2021年5月19日
再见乄泪  LV3 2020年6月7日
lcjssm  LV5 2020年4月20日
MrReady  LV14 2018年6月14日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友