在CSS中,我們經(jīng)常需要為被選擇的元素設(shè)置不同的樣式,這就需要用到選中的背景顏色。
.selected { background-color: #FFC107; }
在上述代碼中,我們?yōu)轭?lèi)名為selected的元素設(shè)置了被選中的背景顏色為黃色(#FFC107)。
除了使用類(lèi)選擇器,還可以使用偽類(lèi)選擇器來(lái)設(shè)置被選中的背景顏色。
a:hover { background-color: #00BCD4; }
在上述代碼中,我們?yōu)槭髽?biāo)懸停在超鏈接上時(shí)設(shè)置了被選中的背景顏色為淺藍(lán)色(#00BCD4)。
同時(shí),我們也可以為不同類(lèi)型的表單元素設(shè)置被選中的背景顏色:
input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: #4CAF50; }
在上述代碼中,我們?yōu)楸贿x中的復(fù)選框和單選框設(shè)置了背景顏色為綠色(#4CAF50)。
總之,CSS提供了豐富的選中背景顏色設(shè)置,能夠讓我們?yōu)楸贿x中的元素添加更加個(gè)性化的樣式。