怎么修改element中的颜色啊

Question

.el-pagination .el-pager .active {

    background-color: #6bd5f1
}

怎么修改不了被选中的背景颜色

Answer 1

你是不是把写的css放到 style scoped 里了？
是的话去掉scoped

Answer 2

可能是层级不够,也可能是js后期顶替了, 试试 background-color: #6bd5f1 !important;

Answer 3

!important

Answer 4

一般我们正常的属性会写在scope里，我们不想直接粗暴地把scope去掉影响全局，这个时候再写一个不带scope的style，把我们要覆盖的样式放进去，就可以了，一般设置一下active的背景颜色，以及hover时候的字体颜色。如下：

<style>
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color: #f13381 !important;
}
.el-pagination.is-background .el-pager li:hover{
  color: #f13381 !important;
}
</style>

<style scoped>
/* 正常的其他的css代码 */
<style>