Back CSS

Change HTML5 Input Text Placeholder Text Color

WRITTEN BY ON 16 Mar 2014
7,562 VIEWS • SHARES
0 comments

By default, the text color for placeholder is lighter and grey color. In case you need to change its color, here is how you do it. 

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

For more information, read this stackoverflow post.

Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.