How to change placeholder color on focus?

Question

How to change the color of placeholder when focus the input field? I use this css to set the default color, but how to change it on focus?

::-webkit-input-pl         


        

Answer 1

The following worked for me:

input:focus::-webkit-input-placeholder
{
    color: red;
}