elementui el-input修改字体样式
elementui el-input修改样式
需求，要求配送备注红色字体显示
在这里插入图片描述
解决方案
1.使用id定位到一个el-input 元素
2.为此id指定样式
代码
<!--代码-->
<el-form-item prop="dispatchRemark" label="派单备注" :label-width="formLabelWidth" inline style="width: 85%; color: red">
<el-input v-model="form.dispatchRemark" id="dispatchRemark" disabled autocomplete="off" style="color:red;"></el-input>
</el-form-item>
<!--样式-->
<style scoped>
/deep/ #dispatchRemark{
color: red;
}
</style>
注意：必须使用/deep/否则无效，而且/deep/ 后面不能接其他选择器，否则还是无效