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

- WD

Chrome

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

Edge

  1. 153
  2. 154
  3. 155
  4. 156

Safari

  1. 26.6
  2. 27
  3. 27.1
  4. 27.2
  5. 27.3
  6. TP

Firefox

  1. 157
  2. 158
  3. 159
  4. 160
  5. 161
  6. 162
  7. 163

Opera

  1. 136
  2. 137
  3. 138
  4. 139

IE

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

Chrome for Android

  1. 157

Safari on iOS

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

Samsung Internet

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

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

Firefox for Android

  1. 160

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.