Псевдокласи out-of-range

Псевдокласи out-of-range услуби элементҳоеро муайян мекунад, ки арзиши онҳо аз доираи диапазони муайяншуда берун мебарад. Диапазони арзишҳо бо атрибутҳои min ва max муайян карда мешавад.

Синтаксис

cssинтихобкунанда:out-of-range {
  
}

Намуна

Биёед ранги обӣ барои заминаи вурудии ададӣ таъин кунем, ки ба он ададҳое ворид карда мешаванд, ки дар диапазони аз 1 то 5 қарор доранд. Инчунин заминаи гулобӣ таъин мекунем, вақте ки арзиши воридшаванда ба доираи интихобшуда ворид намешавад:

html<form>
  <p>Адади аз 1 то 5 ворид кунед</p>
  <p>
    <input type="number" min="1" max="5" value="1">
  </p>
</form>

cssinput:in-range {
  background: #C2DDFD;
}
input:out-of-range {
  background: #E37D76;
}

Результат:

Ҳамчунин нигаред