Sass 三种修改ElementUI原生样式方法

1,174 阅读1分钟

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!