CSS :required 偽類

定義和用法

CSS :required 偽類用于選擇并設置必填表單元素的樣式（僅適用于 <input>、<select> 和 <textarea>）。

具有 required 屬性的表單元素被定義為必填的。

提示：使用 :optional 偽類選擇可選表單元素。

實例

選擇并設置任何具有 required 屬性的 <input> 元素的樣式。同時設置任何沒有 required 屬性的 <input> 元素的樣式：

input:optional {
  background-color: lightgreen;
}
input:required {
  background-color: pink;
  border-color: red;
}

親自試一試

CSS 語法

:required {
  css declarations;
}

技術細節

版本： CSS3

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
10 10 4 5 10

相關頁面

參考：CSS :optional 偽類