Html 在引导中更改活动类CSS
我在代码中使用AngularJS和Bootsrtrap。我正在使用库对其中的表进行分页。这里说我可以用bootstrap设置样式,我想把所选数字的颜色改成橙色 该字段的类在CSS中是Html 在引导中更改活动类CSS,html,css,angularjs,Html,Css,Angularjs,我在代码中使用AngularJS和Bootsrtrap。我正在使用库对其中的表进行分页。这里说我可以用bootstrap设置样式,我想把所选数字的颜色改成橙色 该字段的类在CSS中是活动的,我试图在CSS中重写它的样式,但没有任何更改。我使用了这个CSS: .active { background-color: #FFC773; } 有人能帮我解决这个问题吗?试试: .pagination > .active > a, .pagination > .active &
活动的
,我试图在CSS中重写它的样式,但没有任何更改。我使用了这个CSS:
.active {
background-color: #FFC773;
}
有人能帮我解决这个问题吗?试试:
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:visited {
background-color: #FFC773;
}
看
如果需要,还可以调整
边框。不要单独使用.active
!这不是对大型框架中活动类的正确引用。请具体说明,并使用以下代码段:
.pagination > .active > a {
background-color: orange;
border-color: red;
}
以上给出的答案绝对正确,但您还应该为其他状态定义CSS,如焦点
、活动
和悬停
:
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background-color: orange;
border-color: organge;
}
这是为了避免各种其他问题。我想使用您提供的信息很难帮助您。至少创建一个工作演示,这样我们就可以看到您的完整代码在运行。很明显,因为它被引用,分页正在使用twitter引导分页。第一次呈现时,它是正常的。但当我点击其他页面时,它会将颜色更改为原来的蓝色。你知道有什么问题吗?你能提供一把小提琴吗?是的,这把小提琴解决了我下面描述的问题。那些其他州是个问题。谢谢@FarzadYZ您是对的,还需要边框颜色,否则看起来会很奇怪。:-)