Псевдокласс optional

optional псевдоклассы required атрибуту берилбеген инпутка стилдерди белгилейт, башкача айтканда, бул псевдокласс милдеттүү эмес инпуттарга колдонулат.

Синтаксис

селектор:optional {

}

Мисал

Келгиле, милдеттүү эмес инпутка боз фон берели:

<form>
	<p>
		<label>Санды киргизиңиз</label>
		<input type="number" required>
	</p>
	<p>
		<label>Текстти киргизиңиз</label>
		<input type="text">
	</p>
</form>

input:optional {
	background-color: #D8DFE8;
}

Дагы караңыз

:default псевдоклассы,
демейки элементтерге стил берет
:indeterminate псевдоклассы,
аныкталбаган абалдагы которуучуларга стил берет
:placeholder-shown псевдоклассы,
колдонмо-тексти көрсөтүлгөндө элементтерге стил берет
:read-only псевдоклассы,
өзгөртүүгө жараксыз инпуттарга стил берет
:required псевдоклассы,
required атрибуту берилген инпутка стил берет
:focus-within псевдоклассы,
фокусталган элементтерге стил берет
caret-color касиети,
инпуттагы текст курсорунун түсүн белгилейт