:default

Псевдокласс для стилизации элементов, которые используются по умолчанию в группе аналогичных элементов.

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Псевдокласс :default применяется к элементам, которые используются по умолчанию в группе аналогичных элементов.

Пример

Секция статьи "Пример"
        
          
          option:default {  background-color: #F498AD;}input:default {  border-color: #F498AD;}button:default {  background-color: #F498AD;}
          option:default {
  background-color: #F498AD;
}

input:default {
  border-color: #F498AD;
}

button:default {
  background-color: #F498AD;
}

        
        
          
        
      
Открыть демо в новой вкладке

Как пишется

Секция статьи "Как пишется"

После селектора ставим двоеточие и пишем ключевое слово default:

        
          
          .input:default {  outline: 2px solid hotpink;}
          .input:default {
  outline: 2px solid hotpink;
}

        
        
          
        
      

Как понять

Секция статьи "Как понять"

Этот псевдокласс можно применить к следующим элементам:

  • теги <option> с атрибутом selected;
  • радиокнопки и чекбоксы <input> с атрибутом selected;
  • первая кнопка отправки формы. Такой кнопкой может быть первый тег <button> или первый тег <input> с типом image или submit.