:out-of-range制限範囲外の値がある要素にスタイルを適用する
:out-of-range 疑似クラスは、type="number" が指定された input 要素など、min 属性や max 属性によって値の範囲を指定されている要素に対して、入力された値がその範囲外にある場合にスタイルを適用します。
:out-of-rangeのサンプルソース
input:in-range {
background-color: #f1f8e9;
}
input:out-of-range {
background-color: #ffebee;
}
主要ブラウザの対応
| IE11 | × |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |