Sass 修改elementUI原生样式的方法(样式穿透|深度作用编辑器)
<div class="parent">
<!--(class="el-input")-->
<el-input></el-input>
</div>
<style lang="scss" scoped>
...样式
</style>
方法一(Chrome后续不再支持,不推荐使用)
.parent{
/deep/.el-input {
}
}
方法二
.parent >>> .el-input {
//该方法生效时,>>>会高亮,若没起作用也未高亮则没生效
}
方法三
::v-deep {
//在此区域可以修改任意elementUI 标签样式
.el-input {
}
.el-form {
}
}
如果对你有所帮助,那就动动手指,给个三连吧b( ̄▽ ̄)d!