Change the Placeholder Text Color

Share this resource

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on facebook
Submitted by: Donald McGuinn

This code changes the color of the placeholder text, focus text color and the input text color of the SHORTCODE search element.

/*PLACEHOLDER COLOR*/
.search-shortcode input::-webkit-input-placeholder { /* Edge */
color: red;
}
.search-shortcode input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}
.search-shortcode input::placeholder {
color: red;
}
/*FOCUS COLOR*/
.search-shortcode.is-focused input{
color: red !important;
}
/*INPUT COLOR*/
.search-shortcode input{
color: red !important;
}