如何修改el-form-item 的label的字体颜色
作者：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;
}
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。