CSS :: Seletor de espaço reservado
Exemplo
Altere a cor do texto do espaço reservado de um campo de entrada:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Definição e uso
O ::placeholder
seletor seleciona elementos de formulário com texto de espaço reservado e permite que você estilize o texto de espaço reservado.
O texto do placeholder é definido com o atributo placeholder, que especifica uma dica que descreve o valor esperado de um campo de entrada.
Dica: A cor padrão do texto do espaço reservado é cinza claro na maioria dos navegadores.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao seletor.
Números seguidos por -webkit-, -moz- ou -ms- especificam a primeira versão que funcionou com um prefixo.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Sintaxe CSS
::placeholder {
css declarations;
}