CSS:optional 疑似クラスは、 required 属性が設定されていない <input>, <select>, <textarea> 要素を表します。

/* 任意の <input> をすべて選択 */
input:optional {
  border: 1px dashed black;
}

この疑似クラスは。フォームを送信するにあたって必須ではない入力欄にスタイルを適用するのに

メモ: :required 疑似クラスは必須のフォーム欄を選択します。

構文

:optional

例は :invalid を参照してください。

アクセシビリティへの配慮

フォームに必須ではない <input> が含まれている場合、必須の入力欄には required 属性を適用してください。これによって、読み上げソフトなどの支援技術を使用している人が、フォームを送信するためにどの入力欄が有効なコンテンツを必要とするかを理解することができます。

必須の入力欄を視覚的に示すのに、色だけに依存しないようにしてください。通常、説明する文字列やアイコンが使用されます。

仕様策定状況

仕様書 策定状況 コメント
HTML Living Standard
:optional の定義
現行の標準 変更なし。
HTML5
:optional の定義
勧告 HTML の意味論と制約の検証を定義。
Selectors Level 4
:optional の定義
草案 変更なし。
CSS Basic User Interface Module Level 3
:optional の定義
勧告 疑似クラスとして定義、但し意味論との結び付けはなし。

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応Chrome 完全対応 10Edge 完全対応 ありFirefox 完全対応 4IE 完全対応 10Opera 完全対応 10Safari 完全対応 5WebView Android ? Chrome Android 完全対応 18Edge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 10Safari iOS 完全対応 5Samsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連項目

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, ethertank, sosleepy
最終更新者: mfuji09,