CSS中的checked
屬性是一種非常有用的狀態(tài)偽類,它可用于選擇被選中的復(fù)選框、單選按鈕和選項(xiàng)。
當(dāng)復(fù)選框、單選按鈕和選項(xiàng)被選中時(shí),checked
屬性就會起作用,可以在CSS文件中設(shè)置樣式。例如,你可以設(shè)置選中的復(fù)選框具有不同的顏色或背景。
input[type="checkbox"]:checked { background-color: blue; color: white; } input[type="radio"]:checked { border-color: red; }
上面的代碼中,我們使用了input[type="checkbox"]:checked
選擇器來設(shè)置選中的復(fù)選框的背景顏色和字體顏色。對于單選按鈕,我們使用了input[type="radio"]:checked
選擇器來設(shè)置邊框顏色。
還有一點(diǎn)需要注意的是,在使用checked
屬性時(shí),頁面中必須要有與之對應(yīng)的HTML元素。否則,CSS中設(shè)置的樣式將不起作用。
總的來說,checked
屬性是一種非常實(shí)用的CSS狀態(tài)偽類,可以讓我們方便地設(shè)置被選中的復(fù)選框、單選按鈕和選項(xiàng)的樣式,提高頁面的交互性。
上一篇mysql查詢條件%
下一篇css canvas畫布