CSS3

疑似クラス

:user-invalid

[Edge]⛌。→●、mdn

ユーザーによる不正な値なら。

:user-invalid 疑似クラスは、不正な値が入力されていて、かつ利用者が有意にやりとりした後に限り対象になる要素を表現する。

:user-invalid 疑似クラスは、利用者がフォームを提出しようと試みてから再び当のフォーム要素と有意にやりとりするまでの間、［:invalid／:out-of-range／:required だが未入力］な要素に合致させるものとする。

ユーザー エージェントは、利用者向けにエラーを強調表示する方が適切になる要素があれば、それらに合致させてもよい。例えばユーザー エージェントは、利用者が何らかのテキストを打ち込んでから別の要素にフォーカスを移動したとき、:invalid な要素を :user-invalid に合致させ、利用者が入力を成功裡に正した後に限り、合致させなくしてもよい。

<form>
  <label>
    Volume:
    <input name='vol' type=number min=0 max=10 value=11>
  </label>
  ...
</form>

以下のCSSが組み込んであります：

<INPUT class=Test type=number max=10><BR>
<INPUT class=Test type=email><BR>

関連

:out-of-range。

テスト