Question

How do i set the placeholder color of the active input, but that doesn’t work.. I tried following:

::-webkit-input-placeholder:active {
color:    blue;
}
:-moz-placeholder:active {
color:    blue;
}
:-ms-input-placeholder:active {
color:    blue;
}

What i am after is same effect as the inputs on https://twitter.com/ ..

Solution so far:

:focus::-webkit-input-placeholder {
color:    blue;
}
:focus:-moz-placeholder {
color:    blue;
}
:focus:-ms-input-placeholder {
color:    blue;
}

​

Answer 1

You are using :active pseudo class, instead use :focus

My Fiddle

:active styles only applies when you keep an element clicked, so use :focus for input fields…

CSS

:focus::-webkit-input-placeholder {
   color: blue;
}
:-moz-placeholder:focus {
   color: blue;
}
:-ms-input-placeholder:focus {
   color: blue;
}

Preview