Is there a way to change the color of an HTML5 textbox watermark?
This question already has an answer here:
See this answer.
Long story short, you need to use CSS Selectors to apply the rules to each browser, which handles the process differently.
input.mytextbox::-webkit-input-placeholder {
/* WebKit browsers */
color: red;
}
input.mytextbox:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: red;
opacity: 1;
}
input.mytextbox::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: red;
opacity: 1;
}
input.mytextbox:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: red;
}<input class="mytextbox" type="text" name="mytextbox" placeholder="MyTextBox"/>