Vue使用样式穿透

Vue 使用样式穿透对UI组件的样式进行调整

在使用样式穿透需要注意less语言配合/deep/使用，scss语言可以使用::v-deep

Less语言使用/deep/

<style lang="less" scoped>
/deep/ .el-input--small .el-input__inner{
    height: 20px !important;
    line-height: 20px !important;
    font-size: 12px !important;
  }
<style>

Scss语言使用::v-deep

<style lang="scss" scoped>
::v-deep .el-radio-group {
  .el-radio {
    margin-right: 20px
  }
}
</style>