在制作表格時,我們常常需要在方框中打勾來表示某個選項已經被選擇。這一效果可通過CSS來實現。
input[type="checkbox"]{ display:none; } input[type="checkbox"] + label:before{ content:"\u2714 "; } input[type="checkbox"]:checked + label:before{ content:"\u2714 "; }
以上代碼中,input[type="checkbox"]用于隱藏復選框,而label:before則用于在方框前添加勾號字符。當復選框被選中時,通過:checked偽類,我們可以將label:before中的字符修改為勾號。這些樣式可以針對不同的表格進行調整以適應個性化需求。
下一篇表格布局加css