Como - Alterar a cor do espaço reservado
Saiba como alterar a cor do atributo placeholder com CSS.
Cor do espaço reservado
Etapa 1) Adicionar HTML:
Use um elemento de entrada e adicione o atributo placeholder:
Exemplo
<input type="text" placeholder="A red placeholder text..">
Etapa 2) Adicionar CSS:
Na maioria dos navegadores, o texto do espaço reservado é cinza. Para alterar isso, estilize o espaço reservado com o ::placeholder
seletor não padrão. Observe que o Firefox adiciona uma opacidade menor ao espaço reservado, então usamos opacity:
1 para corrigir isso.
Exemplo
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Dica: Leia mais sobre o seletor ::placeholder em nossa CSS Reference: CSS ::placeholder Property .