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

- WD

Chrome

  1. 151
  2. 152
  3. 153
  4. 154
  5. 155
  6. 156
  7. 157

Edge

  1. 151
  2. 152
  3. 153
  4. 154

Safari

  1. 26.4
  2. 26.5
  3. 26.6
  4. 27
  5. 27.1
  6. 27.2
  7. TP

Firefox

  1. 155
  2. 156
  3. 157
  4. 158
  5. 159
  6. 160
  7. 161

Opera

  1. 132
  2. 133
  3. 134
  4. 135

IE

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

Chrome for Android

  1. 154

Safari on iOS

  1. 26.4
  2. 26.5
  3. 26.6
  4. 27.0
  5. 27.1
  6. 27.2

Samsung Internet

  1. 27
  2. 28
  3. 29
  4. 30

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. 154

Firefox for Android

  1. 157

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.