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

selektor:read-only {
	
}

Przykład

Ustawmy blado-szare obramowanie inputowi przeznaczonemu tylko do odczytu:

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

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

Zobacz też

pseudoklasa :read-write,
która określa styl inputom dostępnym do zmiany
pseudoklasa :default,
która określa styl elementom domyślnym
pseudoklasa :indeterminate,
która określa styl przełącznikom, które znajdują się w stanie nieokreślonym
pseudoklasa :optional,
która określa styl inputowi, który nie ma atrybutu required
pseudoklasa :placeholder-shown,
która określa styl elementom przy wyświetlaniu tekstu-podpowiedzi
pseudoklasa :required,
która określa styl inputowi, który ma ustawiony atrybut required
pseudoklasa :focus-within,
która określa styl elementom w fokusie
właściwość caret-color,
która określa kolor kursora tekstowego w inpucie