Псевдокласс read-only

Псевдокласс read-only readonly атрибуты бар инпуттарға стиль береді. Мұндай инпут тек оқуға арналған, яғни оған деректерді енгізу немесе өзгерту мумкін емес, бірақ оларды бөлектеп көшіруге болады.

Синтаксис

селектор:read-only {
	
}

Мысал

Тек оқуға арналған инпутқа ашық-сұр түсті шекараларды орнатайық:

<p>
	<label>Мәтінді енгізіңіз</label>
	<input type="text">
</p>
<p>
	<label>Мәтінді оқыңыз</label>
	<input type="text" value="мәтін" readonly>
</p>

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

Сондай-ақ қараңыз

псевдокласс :read-write,
өзгертуге болатын инпуттарға стиль беретін
псевдокласс :default,
әдепкі бойынша элементтерге стиль беретін
псевдокласс :indeterminate,
анықталмаған күйдегі ауыстырғыштарға стиль беретін
псевдокласс :optional,
required атрибуты жоқ инпутқа стиль беретін
псевдокласс :placeholder-shown,
алып жатқан мәтін-жете көрсетілген кезде элементтерге стиль беретін
псевдокласс :required,
required атрибуты бар инпутқа стиль беретін
псевдокласс :focus-within,
фокустағы элементтерге стиль беретін
қасиет caret-color,
инпуттағы мәтін курсорының түсін белгілейтін