Псеўдаклас 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
,
якая задае колер тэкставаму курсору ў інпуце