解决普通方式修改不了 ElementPlus 默认样式的问题

问题描述:

  • 在使用 ElementPlus 时,有时需要修改默认样式,一般是直接复制对应的 class 名,然后在其中修改将原来的覆盖
  • 然而,有时使用覆盖的方式也解决不了

解决方案:

  • 首先不能使用 scoped

解决方案1:

  • 可以使用深度选择器 /deep/
// 1
父类 /deep/ 子类 {
  border-bottom: none;
  padding: 0;
}
// 2
父类 ::v-deep 子类 {}
父类 ::v-deep(子类) {}
// 3
:deep(子类) {}

解决方案2:

  • 添加 !important
{
  color: #fff !important;
}

解决方案3:

  • 使用 >>>
父类 >>> 子类 {}

解决方案4:

你可能感兴趣的:(前端开发常见问题与解决,css3,css,vue.js)