CSS :checked 偽類
更多“自己嘗試”的例子見下文。
定義和用法
:checked 偽類匹配任何已選中的 <input> 或 <option> 元素。
這適用於 <input type="radio">, <input type="checkbox"> 和 <select> 元素中的 <option>。
| 版本 | CSS3 |
|---|
瀏覽器支援
表中數字表示該偽類完全支援的第一個瀏覽器版本。
| 偽類 | |||||
|---|---|---|---|---|---|
| :checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS 語法
更多示例
示例
為選中的單選按鈕、複選框和選項設定不同的樣式
input[type="radio"]:checked {
box-shadow: 0 0 5px 3px blue;
}
input[type="checkbox"]:checked {
box-shadow: 0 0 5px 3px maroon;
}
option:checked {
color: blue;
background-color: pink;
}
自己動手試一試 »
