В :default
селектора псевдо ще съвпадне по подразбиране в група от свързани елементи, като например радио бутона в група от бутони, които се избира по подразбиране, дори ако потребителят е избрал различна стойност.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )
CSS по-горе е насочен към етикета, идващ веднага след избрания по подразбиране радио бутон в група радио бутони:
- червен
- зелено
- син
Етикетът на зеления радио бутон ще бъде последван от текста „(по подразбиране)“ в сиво, курсив в поддържащите браузъри.
- червен
- зелено
- син
Примерите включват бутона за изпращане по подразбиране в група от бутони, опцията по подразбиране от изскачащото меню, радио бутона, който има checked
атрибут, зададен в HTML (както се вижда в поддържащите браузъри), и квадратчетата за отметка, които по подразбиране са маркирани.
Още ресурси
- Демонстрация
- MDN страница на: по подразбиране
- W3C CSS3 UI спецификации
- W3C селектори ниво 4
Поддръжка на браузър
Различните браузъри имат различни нива на поддръжка. Firefox предоставя пълна поддръжка. Браузърите Webkit поддържат по подразбиране бутоните, но не и на радиото или квадратчетата за отметка, а Opera е обратното, като го поддържа на радиобутоните и квадратчетата за отметка, но не и при изпращането.
- Opera поддържа
:default
на квадратчета за отметка и радио бутони. - Браузърите Webkit, включително Chrome и Safari, поддържат
:default
бутона за изпращане - Firefox поддържа
:default
в квадратчетата за отметка, радиото И да подава типове вход. - Internet Explorer не поддържа
:default
квадратчетата за отметка, радиото или типовете въвеждане.
Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
---|---|---|---|---|---|---|
10 | 5 | 4 | 10 | нито един | нито един | 5 |