请问在CSS里面怎么把label变为可点击并有颜色变化

html-css039

请问在CSS里面怎么把label变为可点击并有颜色变化,第1张

你好，我写了一个范例代码，请参考：

<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" 

css燕子是神马东东？

cs字体颜色是这样设置的，给<label class="co">燕子</label>这样加个类名，样式为.co{ color:red}