CSS :default 偽類

定義和用法

CSS :default 偽類用于選擇一組相關元素中的默認表單元素。

此偽類可用于 <button>、<input type="checkbox">、<input type="radio"> 和 <option> 元素。

實例

例子 1

為默認的輸入元素添加紅色陰影:

input:default {
  box-shadow: 0 0 2px 2px red;
}

親自試一試

例子 2

為單選按鈕、復選框和選項設置不同的默認樣式:

input[type=radio]:default {
  box-shadow: 0 0 5px 3px blue;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px maroon;
}
option:default {
  color: blue;
  background-color: pink;
}

親自試一試

CSS 語法

:default {
  css declarations;
}

技術細節

版本: CSS3

瀏覽器支持

表格中的數字指定了完全支持該偽類的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
10 79 4 5 10