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

相关推荐
慧一居士3 分钟前
<script setup>中的setup作用以及和不带的区别对比
前端
RainbowSea28 分钟前
NVM 切换 Node 版本工具的超详细安装说明
java·前端
读书点滴34 分钟前
笨方法学python -练习14
java·前端·python
Mintopia41 分钟前
四叉树:二维空间的 “智能分区管理员”
前端·javascript·计算机图形学
慌糖1 小时前
RabbitMQ:消息队列的轻量级王者
开发语言·javascript·ecmascript
Mintopia1 小时前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
Penk是个码农1 小时前
web前端面试-- MVC、MVP、MVVM 架构模式对比
前端·面试·mvc
MrSkye1 小时前
🔥JavaScript 入门必知:代码如何运行、变量提升与 let/const🔥
前端·javascript·面试
白瓷梅子汤1 小时前
跟着官方示例学习 @tanStack-form --- Linked Fields
前端·react.js
爱学习的茄子1 小时前
深入理解JavaScript闭包:从入门到精通的实战指南
前端·javascript·面试