Placeholder color doesnot change

Question

I have applied the below code for my placeholder color to change to white but some how its not working on chrome and chromium v 37.0.X. it works perfectly in firefox.

::-webkit-input-placeholder {
color: #ffffff;
}
::-moz-placeholder { /* Firefox 19+ */
color: #ffffff;
}
:-ms-input-placeholder {
color: #ffffff;
}
:-moz-placeholder { /* Firefox 18- */
color: #ffffff;
}

Possible duplicate of [Change an input's HTML5 placeholder color with CSS](http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css) — om_jaipur, Nov 02 '15 at 07:28

score 2 · Answer 1 · answered Nov 02 '15 at 08:39

2

Use this,

::-webkit-input-placeholder {
  color: #565656;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #565656;
}
:-ms-input-placeholder {
  color: #565656;
}
:-moz-placeholder { /* Firefox 18- */
  color: #565656;
}

answered Nov 02 '15 at 08:39

WP Learner

788
1
13
34

score 1 · Answer 2 · edited May 23 '17 at 12:22

1

Please refer to this link Change an HTML5 input's placeholder color with CSS

There are a few useful answers here.

edited May 23 '17 at 12:22

Community

1
1

answered Nov 02 '15 at 07:21

oneNiceFriend

6,691
7
29
39

I already tried doing that. it works perfectly on firefox, but chrome for some reason is not working – Harshada Chavan Nov 02 '15 at 07:43

Placeholder color doesnot change

2 Answers2