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

პსევდოკლასი read-write განსაზღვრავს სტილს იმ ინფუთებისთვის, რომელთა მნიშვნელობების შეცვლაც შესაძლებელია.

სინტაქსი

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

მაგალითი

მოდით, ცისფერი საზღვარი მივანიჭოთ იმ ინფუთს, რომელშიც მონაცემების შეყვანა შესაძლებელია:

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

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

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