如何修改el-form-item 的label的字体颜色

更新时间：2023年10月17日 09:40:05 作者：ChenMoJie_

这篇文章主要介绍了如何修改el-form-item 的label的字体颜色问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

修改el-form-item 的label 的字体颜色

修改前

      <el-form-item label="联系电话*">
        <div class="cont_left">
          <el-input v-model="form.contact_phone" placeholder="请输入联系电话" />
        </div>
      </el-form-item>

修改后（去掉el-form-item label 属性）

     <el-form-item>
        <span slot="label">
      	  <span>金额</span>
          <span style="color: red">*</span>
        </span>
          <el-input v-model="form.money" placeholder="请输入" style="width: 60%;"  />
      </el-form-item>

element单独修改label的颜色

效果

步骤1

给label加单独的class 例：clickPostion

步骤2

css样式

 .clickPostion .el-form-item__label {
            color: #F56C6C;
}

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

浅谈vue中改elementUI默认样式引发的static与assets的区别
下面小编就为大家分享一篇浅谈vue中改elementUI默认样式引发的static 与assets的区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
详解Vue项目编译后部署在非网站根目录的解决方案
这篇文章主要介绍了Vue项目编译后部署在非网站根目录的解决方案,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
vue-cli3中vue.config.js配置教程详解
这篇文章主要介绍了vue-cli3中vue.config.js配置教程，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-05-05
vue网络请求方案原生网络请求和js网络请求库
这篇文章主要为大家介绍了网络请求方案原生网络请求和js网络请求库的过程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步
2021-11-11
Vue中动画与过渡的使用教程
最近在写vue的一个项目要实现过渡的效果,虽然vue动画不是强项,库也多,但是基本的坑还是得踩扎实,下面这篇文章主要给大家介绍了关于Vue中实现过渡动画效果的相关资料,需要的朋友可以参考下
2023-01-01
Vue + Echarts页面内存占用高的问题解决方案
点击左侧的菜单可以切换不同的看板,有些看板页面中的报表比较多,用户多次切换后页面的内存占用可以上升为GB级,严重时导致页面内存溢出,使得页面崩溃,极大影响了用户体验,本文给大家介绍Vue + Echarts页面内存占用高的问题解决方案,感兴趣的朋友一起看看吧
2024-02-02
el-menu动态加载路由的实现
本文主要介绍了el-menu动态加载路由的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-04-04
vue-cli浏览器实现热更新的步骤
这篇文章主要介绍了vue-cli-浏览器实现热更新,最常用的是webpack-dev-server，它是一个小型的Node.js Express服务器，它使用webpack-dev-middleware来服务于webpack的包，本文结合实例代码介绍的非常详细，需要的朋友参考下吧
2024-03-03
vue2 设置router-view默认路径的实例
今天小编就为大家分享一篇vue2 设置router-view默认路径的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
vue中标签自定义属性的使用及说明
这篇文章主要介绍了vue中标签自定义属性的使用及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-05-05