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