欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

修改第三方组件样式

程序员文章站 2022-06-07 14:25:39
...

修改第三方组件样式

1.使用全局样式

但是这种方法会和其他样式冲突

**2. 在拥有scope属性的style中使用 >>> **

>>>是vue的深度选择器

3. 通过less以及sass的方式来实现穿透

<style scoped lang="less">
 .xxx{
  /deep/ .el-checkbox__inner{  // less语法要通过/deep/ 来找到子级的类
   border-radius: 50%;
  }
 }
</style>

详情参考