Pseudo-elemento ::placeholder CSS

Definição e uso

CSS ::placeholder o pseudo-elemento é usado para definir <input> ou <textarea> Estilo do texto do marcador de posição do elemento.

O texto do marcador de posição é definido pela propriedade placeholder, que descreve a sugestão esperada para o campo.

Dica:Em maioria dos navegadores, a cor padrão do texto do marcador de posição é cinza claro.

Exemplo

Mude a cor e a opacidade do texto do marcador de posição no campo de entrada:

input::placeholder {
  cor: vermelho;
  opacidade: 0.5;
}

Experimente você mesmo

Sintaxe CSS

::placeholder {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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

Páginas relacionadas

Referência CSS::placeholder-shown classe pseudo