:optional(Dahil sözde sınıf hedeflerini girişleri özellikle olarak ayarlanmamış ler) required(yok requiredözelliği).
Bu, isteğe bağlı alanlara belirli bir görünüm vermek istediğinizde yararlı olabilir, belki gerekli olanlardan biraz daha az görünür.
Sözdizimi
input(type=text):optional ( border: 1px solid #eee; )Demo
Aşağıdaki demoda, isteğe bağlı alanın ("Ad", "Cinsiyet" ve "Kıta") opaklığı% 40'a düşürülmüştür, böylece kullanıcılar gerekli alanların ne olduğunu hemen öğrenebilir. Bu durumda, "E-posta". Fareyle üzerine gelindiğinde, isteğe bağlı bir giriş opaklığın% 100'e geri döndüğünü görecektir.
optionalHer türlü metin girişleri, radyo düğmeleri, onay kutuları ve seçer: Form elemanlarının tüm tipine çalışır.
Not: Etikette girişten sonra gelmedikçe (ve bir kardeş birleştirici kullanmıyorsanız), nadiren ve genellikle iyi bir fikir olmadıkça, CSS ile yalnızca bir etiketin isteğe bağlı bir alanla ilişkili olduğunu bilemezsiniz. Belki gelecekte ebeveyn seçiciler bu konuda yardımcı olabilir.
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5+ | 4+ | 10+ | 10+ | Hiç | 5+ |
Bunun :optionaltam tersi olmadığını unutmayın :not(:required)çünkü ikincisi :optional, form öğeleriyle sınırlıyken tüm öğe türleriyle eşleşecektir .