How do you change a placeholder's attributes and styles?

Question

Possible Duplicate:
Change an input’s HTML5 placeholder color with CSS
Change font-color of placeholder span on input focus

Placeholder Attributes and Styles

How do you change a placeholder's styles?

For example:(font-family,size,color,etc.)

Apparently not as trivial as I thought: http://blog.ajcw.com/2011/02/styling-the-html5-placeholder/ — Robert Harvey, Oct 23 '12 at 23:32

score 0 · Answer 1 · answered Oct 23 '12 at 23:33

0

jQuery $('.class').css('color', '#334455'); same for the other CSS properties

answered Oct 23 '12 at 23:33

Reflective

3,854
1
13
25

This doesn't change the place holder color. – Bot Oct 23 '12 at 23:40
what actually is the 'placeholder'? actually the best way os to add/remove a class - but I'm answer what is asked. – Reflective Oct 23 '12 at 23:58

score 0 · Answer 2 · edited May 23 '17 at 12:03

0

This can be done with css. Have a look at the answer here. Change an HTML5 input's placeholder color with CSS

More or less use

input:-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder {
    color:    #999;
}
input:-ms-input-placeholder {
    color:    #999;
}

edited May 23 '17 at 12:03

Community

1
1

answered Oct 23 '12 at 23:39

Bot

11,868
11
75
131

How do you change a placeholder's attributes and styles?

2 Answers2