Pseudoclass optional

optional pseudoclass'i required atributi berilmagan input'ga uslub belgilaydi, ya'ni bu pseudoclass majburiy bo'lmagan input'lar uchun qo'llaniladi.

Sintaksis

selector:optional {

}

Misol

Keling, majburiy bo'lmagan input'ga kulrang fon beramiz:

<form>
	<p>
		<label>Raqam kiriting</label>
		<input type="number" required>
	</p>
	<p>
		<label>Matn kiriting</label>
		<input type="text">
	</p>
</form>

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

Shuningdek qarang

:default pseudoclass'i,
standart elementlar uchun uslub belgilaydi
:indeterminate pseudoclass'i,
aniqlanmagan holatdagi o'zgartirgichlar uchun uslub belgilaydi
:placeholder-shown pseudoclass'i,
maslahat matni ko'rsatilganda elementlar uchun uslub belgilaydi
:read-only pseudoclass'i,
o'zgartirish mumkin bo'lmagan input'lar uchun uslub belgilaydi
:required pseudoclass'i,
required atributi berilgan input uchun uslub belgilaydi
:focus-within pseudoclass'i,
fokusdagi elementlar uchun uslub belgilaydi
caret-color xususiyati,
input'dagi matn kursori rangini belgilaydi