<label><input type="checkbox" checked="checked" value="香蕉"> <span>香蕉</span></label>
input:checked + span {
color: #337ab7;
font-weight: bold;
}
关键点:
1.使用label包含 input type='checkbox' 这样点击文本就可以勾选
2.勾选后,只有checkbox 或 radio有:selected状态所以只能设置兄弟节点或直接点. 通过将文本放在span中.
3.使用选择器: :checked+span 其中 +是相邻兄弟选择器 来实现样式