CSS Checked怎么用?
CSS Checked是CSS中的一個(gè)偽類,用于選擇被選中的元素,在表單中,當(dāng)用戶選中一個(gè)元素時(shí),該元素的CSS Checked偽類就會(huì)生效。
使用CSS Checked的方法很簡單,只需要在CSS樣式表中定義相應(yīng)的樣式即可,如果你想讓一個(gè)被選中的元素變成紅色,你可以這樣寫:
input[type="checkbox"]:checked { color: red; }
這段CSS代碼表示,當(dāng)用戶選中一個(gè)復(fù)選框(checkbox)時(shí),該復(fù)選框的文字顏色會(huì)變成紅色。
除了顏色,你還可以定義其他樣式,比如邊框、背景色等,如果你想讓一個(gè)被選中的元素有紅色的邊框,你可以這樣寫:
input[type="checkbox"]:checked { border: 1px solid red; }
這段CSS代碼表示,當(dāng)用戶選中一個(gè)復(fù)選框時(shí),該復(fù)選框的邊框會(huì)變成1像素寬的紅色實(shí)線。
需要注意的是,CSS Checked偽類只適用于被選中的元素,如果用戶沒有選中任何元素,那么該偽類不會(huì)生效,在使用CSS Checked時(shí),需要確保你的表單元素可以被用戶選中。