CSS是網(wǎng)頁設(shè)計中不可或缺的部分,可以使用它來設(shè)置網(wǎng)頁的樣式和布局。在網(wǎng)頁表單中,我們經(jīng)常需要設(shè)置默認選中的選項,下面我們就來介紹如何使用CSS來實現(xiàn)這一功能。
/* HTML代碼 */ <form> <input type="radio" name="gender" value="male">Male</input> <input type="radio" name="gender" value="female" checked="checked">Female</input> </form> /* CSS代碼 */ input[type="radio"][checked="checked"]{ /* 設(shè)置選中樣式 */ background-color: #0097e6; color: #ffffff; }
如上例所示,我們先在HTML代碼中設(shè)置兩個單選框,且默認選中女性。通過選項的name屬性,這兩個單選框相互關(guān)聯(lián)。接下來,在CSS代碼中,我們使用了屬性選擇器和偽類選擇器來選擇被選中的單選框,即具有checked屬性的input元素。使用這些選擇器,我們可以設(shè)置樣式,例如設(shè)置背景色和字體顏色,使其與整個頁面的樣式保持一致。