CSS如何設置復選框?
input[type="checkbox"] { /* 設置復選框樣式 */ border: 1px solid #ccc; border-radius: 3px; padding: 5px; } input[type="checkbox"]:checked { /* 設置勾選后的樣式 */ background-color: #007bff; color: #fff; }
復選框在前端頁面開發中經常要用到。通過CSS可以對復選框進行樣式定制,使其更符合實際需求。
以上代碼展示了如何設置復選框的樣式,包括設置邊框、圓角等。通過:checked偽類可以設置復選框被勾選后的樣式,例如設置背景色、文字顏色等。
下一篇css怎么設置圓