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

Псевдокласс optional стиль береді инпут үшін, оған 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,
ол инпуттағы мәтін курсорының түсін береді