Тхе :optionalпсеудо цласс циља улаза (укључујући с) која нису изричито постављена као required(немају requiredатрибут).
Ово може бити корисно када опционим пољима желите дати специфичан изглед, можда нешто мање видљив од потребних.
Синтакса
input(type=text):optional ( border: 1px solid #eee; )Демо
У следећем демонстрацијском опционалном пољу („Име“, „Пол“ и „Континент“) њихова непрозирност је смањена на 40%, тако да корисници могу одмах знати која су потребна поља. У овом случају, „Емаил“. Када задржите показивач, опционални улаз ће видети да се непрозирност враћа на 100%.
Тхе optionalрадови на све врсте елемената облику: текст улаза свих врста, радио дугмад, поља за потврду и бира.
Напомена: са ЦСС-ом не можете знати само да је ознака повезана са опционалним пољем, осим ако ознака долази након уноса (а користите комбинацију браће и сестара), што је ретко и обично није добра идеја. Можда у будућности селектори родитеља могу помоћи у овоме.
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| 10+ | 5+ | 4+ | 10+ | 10+ | Било који | 5+ |
Имајте на уму да :optionalто није тачно супротно од :not(:required)тога јер ће се потоњи подударати са свим врстама елемената док :optionalје ограничен на елементе обрасца.