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

html-css027

请问在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}