美文网首页让前端飞vue踩坑Web前端之路
如何修改el-form标签中label的文字颜色

如何修改el-form标签中label的文字颜色

作者: 月中眠_d56d | 来源:发表于2019-07-22 13:49 被阅读42次

问题描述:

如下图所示,在开发vue项目时,用到了element组件库,想要设置label颜色,该怎么做呢?

f12 ,鼠标点击角色名称时,右边关联的css如上所示,然后修改 .el-form-item__label:

将color属性修改为red,文字就变成了红色,所以我们需要这样定义一个class:

然后给该标签添加class名称:

然后刷新一下页面,就看到文件已经变成了红色:

还有p标签的文字颜色就更简单了,直接添加 style="color: indianred" 

相关文章