: по подразбиране - CSS-трикове

Anonim

В :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