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/ 第三方（類名）{

  樣式

}

 /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;
}