你好，我写了一个范例代码，请参考：
<label id="mylb">这是你的标签</label><script>
document.getElementById('mylb').onclick = function(){
//这里触发了点击事件后的代码
}
</script>
<style>
/*鼠标按下时颜色变为绿色*/
#mylb:active{
color:green
}
</style>
明白了吗？如果仍有疑惑，欢迎追问，很高兴为你解答。
问题描述:
如下图所示,在开发vue项目时,用到了element组件库,想要设置label颜色,该怎么做呢?
f12 ,鼠标点击角色名称时,右边关联的css如上所示,然后修改 .el-form-item__label：
将color属性修改为red，文字就变成了红色，所以我们需要这样定义一个class:
然后给该标签添加class名称:
然后刷新一下页面，就看到文件已经变成了红色:
还有p标签的文字颜色就更简单了,直接添加 style="color: indianred"
HTML《label》标签定义和用法
<label>标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label>标签的 for 属性应当与相关元素的 id 属性相同。
<form><label for="male">Male</label>
<input type="radio" name="sex" id="male" /><br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>
提示和注释：
注释："for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
