Home / Admin / Style Placeholder Text
Duplicate Snippet

Embed Snippet on Your Site

Style Placeholder Text

Styles the placeholder text that appears inside form fields. The colors in this CSS are defined using hex codes, which you can read more at http://www.htmlcsscolor.com/.

200+
Code Preview
css
/* 
Style placeholder text
Original doc link: https://wpforms.com/developers/how-to-remove-confirmation-message-box-styling/
For support, please visit: https://www.facebook.com/groups/wpformsvip
*/
.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
   color: #aaa !important;
}
 
.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #aaa !important;
   opacity: 1 !important;
}
 
.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #aaa !important;
   opacity: 1 !important;
}
 
.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #aaa !important;
}
 
.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
   color: #aaa !important;
}
 
.wpforms-container ::placeholder {
   color: #aaa !important;
}

Comments

Add a Comment