CSS:invalid 疑似クラスは、内容の検証に成功した <input> 要素 やその他の <form> 要素を表します。これにより、有効な入力欄に、データの形式が適切であることをユーザーが確認しやすくなる外観を簡単に適用できるようになります。

/* 有効な <input> をすべて選択 */
input:valid {
  background-color: powderblue;
}

この疑似クラスは、入力値が正しい入力欄をユーザーに強調表示するのに便利です。

構文

:valid

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

仕様書

仕様書 策定状況 コメント
HTML Living Standard
:valid の定義
現行の標準 変更なし。
HTML5
:valid の定義
勧告 HTML の意味論と制約の検証を定義。
Selectors Level 4
:valid の定義
草案 初回定義。

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート1012410105
Applies to <form> elements 有り 無し13 無し 有り ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本サポート ? ? 有り4105 ?
Applies to <form> elements ? ? 無し14 ? ? ?

関連項目

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

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