Псевдокласата read-write
Псевдокласата read-write одредува стил
на инпути чиишто вредности се достапни
за промена.
Синтакса
селектор:read-write {}
Пример
Ајде да поставиме сини граници на инпутот во кој може да се внесуваат податоци:
<p>
<label>Внесете текст</label>
<input type="text">
</p>
<p>
<label>Текст за читање</label>
<input type="text" value="text" readonly>
</p>
input:read-write {
border: 1px solid #467CBC;
}
input:read-only {
border: 1px solid #D8DFE8;
}
:
Погледнете ги и
-
псевдокласата
:read-only,
која одредува стил на инпути кои не се достапни за промена -
псевдокласата
:default,
која одредува стил на елементи по основно -
псевдокласата
:indeterminate,
која одредува стил на прекинувачи кои се во неодредена состојба -
псевдокласата
:optional,
која одредува стил на инпут кој го нема атрибутот required -
псевдокласата
:required,
која одредува стил на инпут кој го има зададено атрибутот required -
псевдокласата
:focus-within,
која одредува стил на елементи во фокус -
својството
caret-color,
кое одредува боја на текстот курсорот во инпутот