:in-range and :out-of-range CSS pseudo-classes

- WD

Chrome

  1. 121
  2. 122
  3. 123
  4. 124
  5. 125
  6. 126
  7. 127

Edge

  1. 121
  2. 122
  3. 123
  4. 124

Safari

  1. 17.1
  2. 17.2
  3. 17.3
  4. 17.4
  5. 17.5
  6. TP

Firefox

  1. 122
  2. 123
  3. 124
  4. 125
  5. 126
  6. 127
  7. 128

Opera

  1. 106
  2. 107
  3. 108
  4. 109

IE

  1. 8
  2. 9
  3. 10
  4. 11

Chrome for Android

  1. 124

Safari on iOS

  1. 17.1
  2. 17.2
  3. 17.3
  4. 17.4
  5. 17.5

Samsung Internet

  1. 21
  2. 22
  3. 23
  4. 24

Opera Mini

  1. all

Opera Mobile

  1. 11.5
  2. 12
  3. 12.1
  4. 80

UC Browser for Android

  1. 15.5

Android Browser

  1. 4.2-4.3
  2. 4.4
  3. 4.4.3-4.4.4
  4. 124

Firefox for Android

  1. 125

QQ Browser

  1. 14.9

Baidu Browser

  1. 13.52

KaiOS Browser

  1. 2.5
  2. 3.0-3.1

Note that <input type="range"> can never match :out-of-range because the user cannot input such a value, and if the initial value is outside the range, the browser immediately clamps it to the minimum or maximum (as appropriate) bound of the range.