如何修改element原生样式

开发过程中会遇到element原生样式跟需求不符,就需要修改原生样式

方法一:【不建议】

去掉style中的scoped,在样式中选择类名直接修改,但是这样会污染全局样式。【所以此方法不建议】

方法二:【再写一个不带scoped的style】

vue支持多个style【也就是说可以在多写一个style样式】这个style不带scoped

注意:此方法会导致你修改的样式渗透到子组件中,不方便后续维护开发

方法三:深度选择器  【deep】好用!!!

书写格式:  /deep/   ‘要修改的标签的class’


/deep/.el-pager li.active {
  color: #fff;
}

猜你喜欢

转载自blog.csdn.net/m0_69644606/article/details/128066545
今日推荐