鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 低版本瀏覽器(IE8及以下)如何自定義單選框和復(fù)選框的樣式?

低版本瀏覽器(IE8及以下)如何自定義單選框和復(fù)選框的樣式?

網(wǎng)頁(yè)制作的需求中總會(huì)遇到復(fù)選框美化的需求,通常的方法是使用 label 標(biāo)簽的 for 屬性綁定到復(fù)選框,隱藏掉 input 標(biāo)簽,通過(guò)設(shè)置 label 和 input:checked + label 的樣式來(lái)實(shí)現(xiàn)復(fù)選框樣式的自定義。

但是這種做法在舊版本瀏覽器上兼容性很差,為了兼容,我目前的做法是給 label 加點(diǎn)擊時(shí)間,選中狀態(tài)增加 class="checked",但是這樣做好像跟 input 就沒(méi)什么關(guān)系了,而且也會(huì)有新的性能問(wèn)題。

如果不用 input 標(biāo)簽,提交表單會(huì)比較麻煩,所以對(duì)于這種需求,在不拋棄低版本瀏覽器的條件下應(yīng)該如何做?

回答
編輯回答
伴謊

css選擇器做不了,只能通過(guò)js,也就是事件綁定及處理

2018年1月10日 16:09