Pseudoelemento placeholder

O pseudoelemento placeholder define estilos para a dica placeholder nas tags input ou textarea.

Sintaxe

cssseletor::placeholder {
  color: red;
}

Exemplo

Vamos colorir a dica em vermelho:

html<input type="text" placeholder="dica">
cssinput::placeholder {
  color: red;
}

Результат:

Exemplo . Dica em textarea

Vamos colorir a dica em vermelho na tag textarea:

html<textarea placeholder="dica"></textarea>
csstextarea::placeholder {
  color: red;
}

Результат:

Veja também

  • o atributo placeholder,
    que define uma dica para o campo de entrada
  • a pseudoclasse placeholder-shown,
    que define estilos para o campo de entrada com uma dica