CSS - pseudo klasy :in-range i :out-of-range


kod wynik kodu
<html>
<head>
<style type="text/css">
input:in-range {
  background-color: Aquamarine;
  border: 2px solid SkyBlue;
}
input:out-of-range {
  background-color: LightPink;
  border: 2px solid red;
}
 </style>
</head>
<body>
<label>wybierz swoją ulubioną liczbę:
<input type="number" min="1" max="5" value="3" /></label>
</body>
</html>