<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
input {
  outline: 2px solid lime;
}
  </style>
</head>
<body>
  <input type="number" value=0 min=0 max=10 disabled> Disabled in-range
  <br><br>
  <input type="number" value=0 min=0 max=10 readonly> Read-only in-range
  <br><br>
  <input type="number" value=11 min=0 max=10 disabled> Disabled out-of-range
  <br><br>
  <input type="number" value=11 min=0 max=10 readonly> Read-only out-of-range
</body>
</html>