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

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

網頁制作的需求中總會遇到復選框美化的需求,通常的方法是使用 label 標簽的 for 屬性綁定到復選框,隱藏掉 input 標簽,通過設置 label 和 input:checked + label 的樣式來實現復選框樣式的自定義。

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

如果不用 input 標簽,提交表單會比較麻煩,所以對于這種需求,在不拋棄低版本瀏覽器的條件下應該如何做?

回答
編輯回答
伴謊

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

2018年1月10日 16:09