Psevdoklass read-write
Psevdoklass read-write qiymati
o'zgartirilishi mumkin bo'lgan inputlarga
stil beradi.
Sintaksis
selector:read-write {}
Misol
Keling, ma'lumot kiritish mumkin bo'lgan inputga ko'k rangli chegarani o'rnatamiz:
<p>
<label>Matn kiriting</label>
<input type="text">
</p>
<p>
<label>O'qish uchun matn</label>
<input type="text" value="text" readonly>
</p>
input:read-write {
border: 1px solid #467CBC;
}
input:read-only {
border: 1px solid #D8DFE8;
}
:
Shuningdek qarang
-
psevdoklass
:read-only,
qiymati o'zgartirilishi mumkin bo'lmagan inputlarga stil beradi -
psevdoklass
:default,
standart elementlarga stil beradi -
psevdoklass
:indeterminate,
aniqlanmagan holatdagi o'tkazgichlarga stil beradi -
psevdoklass
:optional,
required atributi yo'q bo'lgan inputga stil beradi -
psevdoklass
:required,
required atributi o'rnatilgan inputga stil beradi -
psevdoklass
:focus-within,
fokusdagi elementlarga stil beradi -
xususiyat
caret-color,
inputdagi matn kursori rangini belgilaydi