js动态修改bootstrap的css样式,无效 ?
发布网友
发布时间:2022-04-28 21:41
我来回答
共2个回答
热心网友
时间:2022-04-21 05:32
你js动态修改是成功了的;点击是增加了bg-color类的。但是
bootstrap里的导航点击颜色是
.nav>li>a:focus, .nav>li>a:hover{}这个;
你写的是加在上级li上面的。li下面的a点击是有颜色所以覆盖掉了。
解决方法1;
把.nav>li>a:focus, .nav>li>a:hover{background-color:none}去掉默认点击设置的颜色。
或者直接修改 .nav>li>a:focus, .nav>li>a:hover{background-color:这里设置颜色},不需要点击增加类。
2、把点击增加类的时间添加到a上面;然后设置 .nav>li>a.bg-color:hover{}
热心网友
时间:2022-04-21 06:50
要不要加个!important 试试