Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在引导中更改活动类CSS_Html_Css_Angularjs - Fatal编程技术网

Html 在引导中更改活动类CSS

Html 在引导中更改活动类CSS,html,css,angularjs,Html,Css,Angularjs,我在代码中使用AngularJS和Bootsrtrap。我正在使用库对其中的表进行分页。这里说我可以用bootstrap设置样式,我想把所选数字的颜色改成橙色 该字段的类在CSS中是活动的,我试图在CSS中重写它的样式,但没有任何更改。我使用了这个CSS: .active { background-color: #FFC773; } 有人能帮我解决这个问题吗?试试: .pagination > .active > a, .pagination > .active &

我在代码中使用AngularJS和Bootsrtrap。我正在使用库对其中的表进行分页。这里说我可以用bootstrap设置样式,我想把所选数字的颜色改成橙色

该字段的类在CSS中是
活动的
,我试图在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您是对的,还需要边框颜色,否则看起来会很奇怪。:-)