You can change the color of form input elements' placeholder
in CSS by using the ::placeholder
pseudo-element. For example:
::placeholder { color: blue; } /* applies to all placeholders */ input::placeholder { color: red; } /* applies to input elements only */ textarea::placeholder { color: black; } /* applies to textarea elements only */ .input::placeholder { color: orange; } /* applies to elements with .input class name */
As you can see from the examples above, you can apply the ::placeholder
pseudo-element to any CSS selector.
Please have a look at the browser support for ::placeholder
if you wish to support older browsers. For certain older browsers, you may have to add vendor prefixes.
Hope you found this post useful. It was published . Please show your love and support by sharing this post.