out-of-range ဆိုသည့် pseudoclass

out-of-range ဆိုသည့် pseudoclass သည် သတ်မှတ်ထားသော အကွာအဝေး၏ အပြင်ဘက်ရှိ တန်ဖိုးများအတွက် စတိုင်သတ်မှတ်ပေးပါသည်။ တန်ဖိုးများ၏ အကွာအဝေးကို min နှင့် max attribute များဖြင့် သတ်မှတ်ရပါမည်။

Syntax

cssselector:out-of-range {
  
}

ဥပမာ

နံပါတ် ၁ မှ ၅ အထိ အကွာအဝေးအတွင်း ရိုက်ထည့်နိုင်သည့် input အတွက် ကိုယ်ထည်အရောင် ပြာနုရောင်သတ်မှတ်ကြပါစို့။ ရွေးချယ်ထားသော အကန့်အသတ်အတွင်းမဝင်သည့် တန်ဖိုးများအတွက် ကိုယ်ထည်အရောင် ပန်းရောင်သတ်မှတ်ကြပါစို့။

html<form>
  <p>၁ မှ ၅ အတွင်း နံပါတ်တစ်ခု ရိုက်ထည့်ပါ</p>
  <p>
    <input type="number" min="1" max="5" value="1">
  </p>
</form>

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

Результат:

ဆက်လက်ဖတ်ရှုရန်