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;
}

Результат:

මෙයද බලන්න