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

- WD

Chrome

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

Edge

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

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

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

Firefox for Android

  1. 158

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.