elementui el-input修改字体样式

elementui el-input修改样式

需求,要求配送备注红色字体显示

在这里插入图片描述

解决方案

1.使用id定位到一个el-input 元素

2.为此id指定样式

代码

html 复制代码
<!--代码-->
<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/ 后面不能接其他选择器,否则还是无效

相关推荐
灵感__idea11 分钟前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴1 小时前
Mix
前端·webgl
代码续发1 小时前
前端组件梳理
前端
试图让你心动2 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码3 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记3 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏3 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数3 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante3 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam4 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript