Vue如何在业务页面中更改Element-ui标签中默认样式

背景：当我们引入一个组件时，难免会遇到需要更改组件原有样式的情况，博主近来就遇到了，谨此记之

一，使用"scss"选择器时

<style lang="scss" scoped>
.create-header >>> .el-tabs__header {
  margin: unset;
}
</style>

二， 使用"sass"或"less"选择器之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之

<style lang="less" scoped>
.message /deep/ .el-checkbox__label {
  color: #fff;
}
</style>

 

完