scoped修饰style 使用 /deep/ 穿透修改某个页面elementUI样式
例如要修改elementUI 表单label样式,可以先给label添加class,然后用deep穿透进行样式修改
<el-form-item
label="标题"
class="title_item"
>
<el-input
v-model="formData['title']"
class="input_title"
>
</el-input>
</el-form-item>
仅设置当前页面表单label的字体大小为23px,输入框中的字体大小为21px
<style scoped >
.title_item /deep/ .el-form-item__label{
font-size: 23px;
}
.input_title /deep/ .el-input__inner{
font-size: 21px;
}
</style>