vue修改el-pagination被选中背景颜色
一般我们正常的属性会写在scope里,我们不想直接粗暴地把scope去掉影响全局,这个时候再写一个不带scope的style,把我们要覆盖的样式放进去,就可以了,一般设置一下active的背景颜色,以及hover时候的字体颜色。如下:<style>.el-pagination.is-background.el-pager li:not(.disabled){background-col
·
一般我们正常的属性会写在scope里,我们不想直接粗暴地把scope去掉影响全局,这个时候再写一个不带scope的style,把我们要覆盖的样式放进去,就可以了,一般设置一下active的背景颜色,以及hover时候的字体颜色。如下:
<style>
.el-pagination.is-background.el-pager li:not(.disabled){
background-color:#fff;/*进行修改未选中背景和字体*/
color:#fff;
}
.el-pagination.is-background.el-pager li:not(.disabled).active{
background-color:green;/*进行修改选中项背景和字体*/
color:#fff;
}
.el-pagination.is-background .el-pager li:hover{
color: #8bc34a !important;/*hover时候的文字颜色*/
}
.el-pager li.active{
color:green !important;/*仅设置active时的文字颜色*/
}
</style>
更多推荐
已为社区贡献2条内容
所有评论(0)