vue.js修改第三方组件（elementUI）样式 ,穿透修改样式

1.

外层类 >>> 第三方（类名）{

    样式

}

 .login >>> .el-input__inner {
    border: 1px solid transparent !important;
    background: transparent;
    color: white;
    border-bottom: 1px solid white !important;
  }

2./deep/ 第三方（类名）{

  样式

}

<style scoped>
.a::v-deep .b { /* ... */ }
</style>

 

 /deep/ .el-input__inner {
    border: 1px solid transparent !important;
    background: transparent;
    color: white;
    border-bottom: 1px solid white !important;
  }

3.less 和 sass 样式穿透。

外层类   /deep/  第三方{

式样

} 

eg:

.content-btm /deep/ .el-form-item__label{
        color: white;
}