CSS样式穿透/deep/

一定要用局部样式，因为不会修改其部分的样式

<style lang="scss" scoped>

</style>

样式穿透

对外部引入进来的包装类，直接获取其父类样式，并修改其样式

.loginInput /deep/ .el-input__inner {
            height: 100%; //内部的原始input始终让他填满父亲的高度，这样就可以通过控制外围的el-input loginInput的高度，来控制整个输入框的高度了。不然控制不了输入框的高度，只会增加外围高度，在输入框外部添加空白区域
            border-radius: 15px;
            padding-left: 35px;
          }
        }

另一个示例

删除element-ui el-dialog的头部header

/deep/ .el-dialog {
    .el-dialog__header {
      display: none;
    }
  }

多标签元素的获取

下面的CSS样式是作用于一个el-button上的，这个button是一个确定按钮

.el-button.el-button--primary {
      position: relative;
      right: 30px;
      // display: none;
    }