CSS приклад: Псевдокласс :default

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
10.0+10.0+5.0+4.0+2.1+2.0+

Коротка інформація

ЗастосовуєтьсяДо елементів форм
Посилання на специфікаціюhttp://www.w3.org/TR/css3-ui/#pseudo-default

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Псевдоклас :default застосовує стиль до елементів форм, які встановлені за замовчуванням у групі схожих елементів.

Синтаксис

елемент:default { ... }

Значення

Немає.

Приклад

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <title>default</title>
  <style>
   :default { 
    background-color: lime; 
   } 
  </style>
 </head>
 <body>
  <form>
   <p><input type="submit"> <input type="submit"> <input type="reset"></p>
  </form>
 </body>
</html>

Результат прикладу показано на рис. 1. У цьому прикладі кнопка Submit, встановлена за замовчуванням, має інший колір.

Результат використання псевдокласу :default

Рис. 1. Результат використання псевдокласу :default

Часті запитання

  • Q: Як використовувати псевдоклас :default в CSS?

    A: Псевдоклас :default використовується для стилізації елементів форми, які мають бути встановлені за замовчуванням. Це може бути корисно для позначення вже заповнених полів форми або обраного варіанту у випадаючому списку.

  • Q: Де найчастіше використовують псевдоклас :default в CSS?

    A: Псевдоклас :default часто використовується в стилях для форм, наприклад, для підсвічування поля вводу, яке має бути заповнене за замовчуванням або для позначення обраного варіанту у списку.

  • Q: Як працює псевдоклас :default в CSS?

    A: Псевдоклас :default дозволяє вказати стилі для елементів форми, які мають бути вибрані або заповнені за замовчуванням. Це допомагає виділити такі елементи на сторінці і полегшити взаємодію з формою.

  • Q: Чи підтримує браузер Edge псевдоклас :default?

    A: Браузер Edge не підтримує псевдоклас :default на даний момент. Рекомендується перевіряти сумісність з іншими браузерами та шукати альтернативні способи досягнення бажаного ефекту.

  • Q: Які інші псевдокласи можна поєднувати з :default для стилізації форми?

    A: До псевдокласу :default можна поєднувати інші псевдокласи, наприклад, :hover, :focus або :active для створення різноманітних ефектів взаємодії з формою на сторінці.