read-write pseudoclass

Pseudoclass read-write သည် ၎င်းတို့၏ တန်ဖိုးများ ပြုပြင်နိုင်သော input များအတွက် ပုံစံကို သတ်မှတ်ပေးသည်။

Syntax

cssselector:read-write {}

ဥပမာ

ဒေတာရိုက်ထည့်နိုင်သော input တစ်ခုအတွက် အပြာရောင် အနားသတ်များ သတ်မှတ်ကြပါစို့

html<p>
  <label>စာသားရိုက်ထည့်ပါ</label>
  <input type="text">
</p>
<p>
  <label>ဖတ်ရှုရန်စာသား</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

ဖတ်ရှုရန်

  • pseudoclass :read-only,
    ပြုပြင်မရသော input များအတွက် ပုံစံသတ်မှတ်ပေးသည်
  • pseudoclass :default,
    ပုံသေအခြေအနေရှိသော အစိတ်အပိုင်းများအတွက် ပုံစံသတ်မှတ်ပေးသည်
  • pseudoclass :indeterminate,
    သတ်မှတ်မထားသော အခြေအနေတွင်ရှိသော ခလုတ်များအတွက် ပုံစံသတ်မှတ်ပေးသည်
  • pseudoclass :optional,
    required attribute မပါရှိသော input အတွက် ပုံစံသတ်မှတ်ပေးသည်
  • pseudoclass :required,
    required attribute သတ်မှတ်ထားသော input အတွက် ပုံစံသတ်မှတ်ပေးသည်
  • pseudoclass :focus-within,
    focus ရရှိထားသော အစိတ်အပိုင်းများအတွက် ပုံစံသတ်မှတ်ပေးသည်
  • property caret-color,
    input တွင်ရှိသော text cursor ၏ အရောင်ကို သတ်မှတ်ပေးသည်