Difference style: hover firefox x chrome

0

I have the following 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);
}

It works on all browsers I tested, but

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

Only works in firefox.

Where is the error?

Note: I already tried with : focus , it also did not work

    
asked by anonymous 28.09.2017 / 15:01

1 answer

1

Here it works with focus

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