0

Tenho o seguinte CSS

::-webkit-input-placeholder, 
:-moz-placeholder, 
::-moz-placeholder, 
:-ms-input-placeholder {
 color: rgb(150,150,150);
}

::-webkit-input-placeholder:hover, 
:-moz-placeholder:hover,  
::-moz-placeholder:hover, 
:-ms-input-placeholder:hover {
 color: rgb(255,255,255);
}

O

::-webkit-input-placeholder, 
:-moz-placeholder, 
::-moz-placeholder, 
:-ms-input-placeholder {
 color: rgb(150,150,150);
}

funciona em todos os navegadores que testei, mas o

::-webkit-input-placeholder:hover, 
:-moz-placeholder:hover,  
::-moz-placeholder:hover, 
:-ms-input-placeholder:hover {
 color: rgb(255,255,255);
}

Só funciona no firefox.

Onde está o erro?

Obs.: já tentei com :focus, também não funcionou

1 Resposta 1

1

Aqui funciona com focus

:focus::-webkit-input-placeholder { color: #ff0000; };
:focus:-moz-placeholder { color: #ff0000; };
<input type="text" placeholder="texto placeholder"/>

3
  • O problema é que eu estava fazendo uma linha debaixo da outra. Por isso não deu certo. Quando coloquei todas debaixo da mesma linha funcionou. Commented 28/09/2017 às 17:46
  • @CarlosRocha ops, não entendi.
    – user60252
    Commented 28/09/2017 às 18:01
  • :focus::-webkit-input-placeholder, :focus:-moz-placeholder {..} Commented 28/09/2017 às 18:46

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .