Pseudoklasa read-only

Pseudoklasa read-only określa styl inputów z atrybutem readonly. Taki input przeznaczony jest tylko do odczytu, czyli wprowadzenie lub zmiana w nim danych jest niemożliwa, jednak można je zaznaczyć i skopiować.

Składnia

cssselektor:read-only {
  
}

Przykład

Ustawmy blado-szare obramowanie inputowi przeznaczonemu tylko do odczytu:

html<p>
  <label>Wpisz tekst</label>
  <input type="text">
</p>
<p>
  <label>Tekst tylko do odczytu</label>
  <input type="text" value="tekst" readonly>
</p>

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

Результат:

Zobacz też