Псевдокласс optional
Псевдокласс optional стилни
required атрибути required белгиланмаган инпутга
белгилайди, яъни бу псевдокласс мажбурий бўлмаган
инпутларга таъсир этади.
Синтаксис
селектор:optional {
}
Мисол
Келинг, мажбурий бўлмаган инпутга ку́кранг фон берайлик:
<form>
<p>
<label>Enter number</label>
<input type="number" required>
</p>
<p>
<label>Enter text</label>
<input type="text">
</p>
</form>
input:optional {
background-color: #D8DFE8;
}
:
Шунингдек кўринг
-
псевдокласс
:default,
андоза бўйича элементларнинг стилини белгилайди -
псевдокласс
:indeterminate,
аниқланмаган ҳолатдаги ўзгартириш элементларига стил беради -
псевдокласс
:placeholder-shown,
маслиҳат ёзуви кўрсатилганда элементларга стил беради -
псевдокласс
:read-only,
ўзгартириб бўлмайдиган инпутларга стил беради -
псевдокласс
:required,
required атрибути белгиланган инпутга стил беради -
псевдокласс
:focus-within,
фокусдаги элементларга стил беради -
хусусият
caret-color,
инпутдаги текст курсторининг ра́нгни белгилайди