在制作表格時(shí),我們常常需要在方框中打勾來(lái)表示某個(gè)選項(xiàng)已經(jīng)被選擇。這一效果可通過(guò)CSS來(lái)實(shí)現(xiàn)。
input[type="checkbox"]{ display:none; } input[type="checkbox"] + label:before{ content:"\u2714 "; } input[type="checkbox"]:checked + label:before{ content:"\u2714 "; }
以上代碼中,input[type="checkbox"]用于隱藏復(fù)選框,而label:before則用于在方框前添加勾號(hào)字符。當(dāng)復(fù)選框被選中時(shí),通過(guò):checked偽類(lèi),我們可以將label:before中的字符修改為勾號(hào)。這些樣式可以針對(duì)不同的表格進(jìn)行調(diào)整以適應(yīng)個(gè)性化需求。