CSS :optional 修飾子

定義と使用方法

CSS :optional 修飾子は、オプションのフォーム要素を選択し、スタイルを設定するために使用されます（CSSのみに適用） <input>、<select> および <textarea>）

required属性を持たないフォーム要素は、オプションとして定義されています。

ヒント：使用 :required 必須のフォーム要素を選択し、スタイルを設定する修飾子

例

required属性を持たない<input>要素のスタイルを選択して設定します。同時にrequired属性を持つ<input>要素のスタイルも設定します：

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

実際に試してみてください

CSS 语法

:optional {
  css declarations;
}

技術的詳細

ブラウザのサポート

テーブルの数字は、その修飾子を完全にサポートする最初のブラウザのバージョンを指定しています。

関連ページ

参照：CSS :required 修飾子