Como mudar a cor do placeholder
- Página anterior Borda de conteúdo editável
- Próxima página Desativar ajuste de tamanho da área de texto
Aprenda a usar CSS para alterar a cor das propriedades do placeholder.
Como mudar a cor do placeholder
Primeiro passo - Adicionar HTML:
Use o elemento de entrada e adicione placeholder Atributo:
<input type="text" placeholder="Um texto de placeholder vermelho..">
Segundo passo - Adicionar CSS:
Na maioria dos navegadores, o texto do placeholder é cinza. Para alterar essa configuração, use ::placeholder seletor para definir o estilo do placeholder.
Observe que o Firefox adiciona uma opacidade mais baixa aos placeholders, portanto usamos opacidade: 1 resolva este problema.
::placeholder {
cor: vermelho;
opacidade: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
cor: vermelho;
{}
Páginas relacionadas
Manual de referência:Seletor ::placeholder do CSS
- Página anterior Borda de conteúdo editável
- Próxima página Desativar ajuste de tamanho da área de texto
