一定要用局部样式,因为不会修改其部分的样式
<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;
}