CSS是網頁設計中不可或缺的部分,可以使用它來設置網頁的樣式和布局。在網頁表單中,我們經常需要設置默認選中的選項,下面我們就來介紹如何使用CSS來實現這一功能。
/* 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"]{ /* 設置選中樣式 */ background-color: #0097e6; color: #ffffff; }
如上例所示,我們先在HTML代碼中設置兩個單選框,且默認選中女性。通過選項的name屬性,這兩個單選框相互關聯。接下來,在CSS代碼中,我們使用了屬性選擇器和偽類選擇器來選擇被選中的單選框,即具有checked屬性的input元素。使用這些選擇器,我們可以設置樣式,例如設置背景色和字體顏色,使其與整個頁面的樣式保持一致。