Psevdoklass read-only

Psevdoklass read-only readonly atributi bilan inputlarga uslub belgilaydi. Bunday input faqat o'qish uchun mo'ljallangan, ya'ni unga ma'lumot kiritish yoki o'zgartirish mumkin emas, lekin ularni tanlab nusxalash mumkin.

Sintaksis

selector:read-only {
	
}

Misol

Keling, faqat o'qish uchun mo'ljallangan inputga och kulrang chegarani o'rnatamiz:

<p>
	<label>Matn kiriting</label>
	<input type="text">
</p>
<p>
	<label>Matnni o'qing</label>
	<input type="text" value="matn" readonly>
</p>

input:read-only {
	border: 1px solid #D8DFE8;
}

Shuningdek qarang

psevdoklass :read-write,
bu o'zgartirish mumkin bo'lgan inputlarga uslub belgilaydi
psevdoklass :default,
bu standart elementlarga uslub belgilaydi
psevdoklass :indeterminate,
bu noaniq holatdagi tugmachalarga uslub belgilaydi
psevdoklass :optional,
bu required atributi yo'q inputga uslub belgilaydi
psevdoklass :placeholder-shown,
bu maslahat matni ko'rsatilganda elementlarga uslub belgilaydi
psevdoklass :required,
bu required atributi belgilangan inputga uslub belgilaydi
psevdoklass :focus-within,
bu fokusdagi elementlarga uslub belgilaydi
xususiyat caret-color,
bu inputdagi matn kursori rangini belgilaydi