Question

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

如图，是用div+label定义的

Answer 1

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

<label id="mylb">这是你的标签</label>

<script>
  document.getElementById('mylb').onclick = function(){
    //这里触发了点击事件后的代码
  }
</script>

<style>
  /*鼠标按下时颜色变为绿色*/
  #mylb:active{
    color:green;
  }
</style>

明白了吗？如果仍有疑惑，欢迎追问，很高兴为你解答。

Answer 2

你可能得改下布局

举例如下，样式自行修改

input{ display:none;}
input:checked + span {background: #f00;}

	<ul>
		<li><label><input type="radio" name="colour-group" value="0" /><span>1000</span></label></li>
		<li><label><input type="radio" name="colour-group" value="1" /><span>2000</span></label></li>
		<li><label><input type="radio" name="colour-group" value="2" /><span>3000</span></label></li>
	</ul>

Answer 3

用js吧，css貌似没有点击事件，只有hover吧

追问

恩恩，我就是准备把JS加上，但是不知道怎么写，label这标签可以用来点击么

追答

js里所以标签都可以设置点击的

Answer 4

：hover 用