Place holder styling

by Mark Wylde

HTML

<input type="text" class="myClassNameOne" placeholder="test input" />
<input type="text" class="myClassNameTwo" placeholder="test input" />

CSS

/* WebKit browsers */
input.myClassNameOne::-webkit-input-placeholder { 
    color:    red;
}

/* Mozilla Firefox 4 to 18 */
input.myClassNameOne:-moz-placeholder { 
    color:    red;
}

/* Mozilla Firefox 19+ */
input.myClassNameOne::-moz-placeholder { 
    color:    red;
}

/* Internet Explorer 10+ */
input.myClassNameOne:-ms-input-placeholder {
    color:    red;
}