UI样式覆盖

1.去掉 scoped 提升样式至全局。

但是这样的话需要增加命名空间以解决污染问题。

2.使用深度选择器。

当你子组件使用了 scoped 但在父组件又想修改子组件的样式可以 通过 >>> 来实现：

<style scoped>
>>>.el-checkbox__input > .el-checkbox__inner {
    display:none;
}
</style>

3.使用/deep/ 或者 ::v-deep 实现

当使用了sass等css预处理语言时， >>> 可能不会生效，此时可以使用 /deep/ 或者 ::v-deep替换，它的作用跟 >>> 时一样的。

<style lang="scss" scoped>
/deep/ .el-checkbox__input > .el-checkbox__inner {
    display:none;
}
</style>

<style lang="scss" scoped>
.a{
 ::v-deep .b { 
  /* ... */ 
 }
} 
</style>