让前端飞vue踩坑Web前端之路

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

2019-07-22  本文已影响42人  月中眠_d56d

问题描述:

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

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

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读