Pseudoclasse default

A pseudoclasse default define o estilo de um elemento em um grupo que tem o tipo padrão. Esses elementos devem estar dentro de uma tag pai <form>.

Sintaxe

cssseletor:default {
  
}

Exemplo

Um exemplo de tipo padrão é o atributo type com o valor submit. Vamos definir para um dos botões um fundo azul:

html<form>
  <p>
    <label>Digite um número</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>

css:default {
  background-color:  #C2DDFD;
}

Результат:

Veja também

pseudoclasse :fullscreen,
que define o estilo para elementos em modo de tela cheia
pseudoclasse :in-range,
que define o estilo para elementos com uma faixa de valores definida
pseudoclasse :invalid,
que define o estilo para inputs com valores inválidos
pseudoclasse :optional,
que define o estilo para inputs sem o atributo required
pseudoclasse :out-of-range,
que define o estilo para elementos com valores fora da faixa definida
pseudoclasse :focus-within,
que define o estilo para elementos em foco