<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 其中 +是相鄰兄弟選擇器 來實現樣式