A read-only pszeudoklasszis

A read-only pszeudoklasszis olyan inputoknak ad stílust, amelyeknek readonly attribútumuk van. Egy ilyen input csak olvasható, azaz nem lehet benne adatot megadni vagy módosítani, de ki lehet jelölni és másolni lehet az adatokat.

Szintaxis

cssszelektor:read-only {
  
}

Példa

Állítsunk be halvány szürke szegélyt egy csak olvasható inputnak:

html<p>
  <label>Szöveg beírása</label>
  <input type="text">
</p>
<p>
  <label>Szöveg olvasása</label>
  <input type="text" value="szöveg" readonly>
</p>

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

Результат:

Lásd még