The :optionalsasaran kelas pseudo input (termasuk s) yang tidak ditetapkan secara spesifik sebagai required(tidak mempunyai requiredsifat).
Perkara ini berguna apabila anda ingin memberi bidang pilihan rupa tertentu, mungkin sedikit kurang kelihatan daripada yang diperlukan.
Sintaks
input(type=text):optional ( border: 1px solid #eee; )Demo
Dalam demo berikut, medan pilihan ("Nama", "Jantina" dan "Benua") menjadikan kelegapannya diturunkan menjadi 40% sehingga pengguna dapat segera mengetahui bidang apa yang diperlukan. Dalam kes ini, "E-mel". Apabila dituding, input pilihan akan melihat kelegapan kembali menjadi 100%.
Ia optionalberfungsi pada semua jenis elemen bentuk: input teks dari semua jenis, butang radio, kotak pilihan, dan memilih.
Nota: anda tidak dapat mengetahui dengan CSS hanya bahawa label dikaitkan dengan medan pilihan, kecuali pada label muncul setelah input (dan anda menggunakan saudara kombinator), yang jarang dan biasanya bukan idea yang baik. Mungkin pada masa depan pemilih ibu bapa dapat membantu dengan ini.
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5+ | 4+ | 10+ | 10+ | Sebarang | 5+ |
Perhatikan bahawa :optionalitu bukan oposisi yang tepat :not(:required)kerana yang terakhir akan sesuai dengan semua jenis elemen sementara :optionaldibatasi pada elemen bentuk.