首頁  >  文章  >  web前端  >  使用CSS自訂radio、checkbox樣式的範例詳解

使用CSS自訂radio、checkbox樣式的範例詳解

黄舟
黄舟原創
2017-05-26 13:21:532288瀏覽

以前做自訂樣式的radio, checkbox 的時候,一直是如下結構

<label>
    <span class="diyRadio">
        <input type="radio" name=" value="">
    </span>
    <span>文字</span>
</label>

然後定義diyRadio 的樣式作為新Radio, 再用js 做關聯。

知道今天才知道可以用2e1cf0710519d5598b1f0f14c36ba6748c1ecd4bb896b2264e0711597d40766c標籤的for 屬性+ :checked 做,純CSS
真是太不應該了,學東西還是要認真、細緻點。

以上是使用CSS自訂radio、checkbox樣式的範例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn