Псевдокласс 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,
инпуттагы текст курсорунун түсүн аныктайт