CSS實現checkbox radio 選中后文本顏色改變

HTML：

<input type="checkbox" name="gloss" value="feature"/> <span>有光澤</span>

CSS樣式：

<style type="text/css">
        input:checked + span{
            background-color:#eeeeee;
            color: #337ab7;
            font-weight: bold;
        }

    </style>

關鍵點:

1.使用label包含  input type='checkbox' 這樣點擊文本就可以勾選

2.勾選后,只有checkbox 或 radio有:selected狀態所以只能設置兄弟節點或直接點. 通過將文本放在span中. 

3.使用選擇器:     :checked+span  其中 +是相鄰兄弟選擇器 來實現樣式
---------------------
作者：徐浩剛
來源：CSDN
原文：https://blog.csdn.net/xuhaogang3/article/details/84234597
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！