read-write pseudoclass
Pseudoclass read-write သည်
၎င်းတို့၏ တန်ဖိုးများ ပြုပြင်နိုင်သော
input များအတွက် ပုံစံကို သတ်မှတ်ပေးသည်။
Syntax
selector:read-write {}
ဥပမာ
ဒေတာရိုက်ထည့်နိုင်သော input တစ်ခုအတွက် အပြာရောင် အနားသတ်များ သတ်မှတ်ကြပါစို့
<p>
<label>စာသားရိုက်ထည့်ပါ</label>
<input type="text">
</p>
<p>
<label>ဖတ်ရှုရန်စာသား</label>
<input type="text" value="text" readonly>
</p>
input: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 ၏ အရောင်ကို သတ်မှတ်ပေးသည်