პსევდოკლასი read-only

პსევდოკლასი read-only განსაზღვრავს სტილს ინპუტებს ატრიბუტით readonly. ასეთი ინპუტი განკუთვნილია მხოლოდ წასაკითხად, ანუ მასში მონაცემების შეყვანა ან შეცვლა შეუძლებელია, თუმცა მათი მონიშვნა და კოპირება შესაძლებელია.

სინტაქსი

cssსელექტორი:read-only {
  
}

მაგალითი

მოდით, დავაყენოთ ღია ნაცრისფერი საზღვრები ინპუტისთვის, რომელიც განკუთვნილია მხოლოდ წასაკითხად:

html<p>
  <label>შეიყვანეთ ტექსტი</label>
  <input type="text">
</p>
<p>
  <label>წაიკითხეთ ტექსტი</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

იხილეთ აგრეთვე