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

Псевдокласот read-only одредува стил на инпути со атрибут readonly. Таков инпут е наменет само за читање, т.е. внесување или менување на податоци во него е невозможно, но тие можат да се изберат и копираат.

Синтакса

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

Пример

Ајде да поставиме бледо-сиви граници на инпут кој е наменет само за читање:

<p>
	<label>Внеси текст</label>
	<input type="text">
</p>
<p>
	<label>Прочитај текст</label>
	<input type="text" value="text" readonly>
</p>

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

Погледнете ги и

псевдокласот :read-write,
кој одредува стил на инпути достапни за менување
псевдокласот :default,
кој одредува стил на елементи по основно
псевдокласот :indeterminate,
кој одредува стил на прекинувачи кои се во неодредена состојба
псевдокласот :optional,
кој одредува стил на инпут кој нема атрибут required
псевдокласот :placeholder-shown,
кој одредува стил на елементи при прикажување на текст-совет
псевдокласот :required,
кој одредува стил на инпут кој има зададено атрибут required
псевдокласот :focus-within,
кој одредува стил на елементи во фокус
својството caret-color,
кое одредува боја на текстуалниот курсор во инпут