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