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

cssselector:read-only {
  
}

Misol

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

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

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

Результат:

Shuningdek qarang