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

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

Синтаксис

cssинтихобкунанда:in-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;
}

Результат:

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