CSS多選框是一種常見的表單元素,允許用戶選擇多個選項。在某些情況下,我們需要在頁面加載時默認選中某些選項。在CSS中,我們可以使用:checked偽類來匹配已選中的復選框或單選框。
/* 選中未來5天的天氣預報 */ input[type="checkbox"]:checked + label { background-color: skyblue; } /* 默認選中周末的復選框 */ input[type="checkbox"][name="weekend"]:checked + label { background-color: yellow; } /* 默認選中第一個單選框 */ input[type="radio"][name="option"]:first-of-type:checked + label { color: red; }
如上所示,我們可以根據不同需要選擇不同的策略。通過設置:checked偽類,我們可以很容易實現默認選中的效果。
上一篇mysql數據庫放到c盤
下一篇css多選框包含圖片