element-ui css样式穿透问题

element-ui css样式穿透问题

需求

在使用element组件时, 想要对其组件修改样式, 使用scoped属性时样式没有发生改变

解决

使用/deep/ (scss中会报错)

<style scoped>
.class /deep/ .button {
	width: 100%;
}
</style>

也可以使用 >>>

<style scoped>
.class >>> .button {
	width: 100%;
}
</style>

在使用vue3的项目中, 需要使用 ::v-deep进行穿透

```css
<style scoped>
.class::v-deep .button {
	width: 100%;
}
</style>