Pseudo-classe :default CSS

Definição e uso

CSS :default O pseudo-classe é usado para escolher o elemento de formulário padrão de um grupo de elementos relacionados.

Este pseudo-classe pode ser usado pelos elementos <button>, <input type="checkbox">, <input type="radio"> e <option>.

Exemplo

Exemplo 1

Adicione uma sombra vermelha aos elementos de entrada padrão:

input:default {
  box-shadow: 0 0 2px 2px vermelho;
}

Experimente você mesmo

Exemplo 2

Defina estilos padrão diferentes para botões de rádio, caixas de seleção e opções:

input[type=radio]:default {
  box-shadow: 0 0 5px 3px azul;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px marrom;
}
option:default {
  color: blue;
  background-color: pink;
}

Experimente você mesmo

Sintaxe CSS

:default {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse pseudo-classe.