Pseudo-elemento ::placeholder
O pseudo-elemento ::placeholder é utilizado para estilizar o texto de placeholder em campos de formulários HTML.
Nota
O placeholder é o texto temporário exibido em um campo de entrada antes que o usuário insira um valor
Exemplo
Considere o seguinte trecho de código HTML com um campo de texto:
<input type="text" placeholder="Digite seu nome">O código CSS abaixo estilizará o texto de placeholder, definindo a cor como cinza claro e aplicando um estilo itálico:
::placeholder {
color: #999;
font-style: italic;
}Neste exemplo, o texto “Digite seu nome” dentro do campo de texto será exibido em cinza claro e com estilo itálico.