Change an HTML input's placeholder color with CSS

Question

Aryan Kumar · Answer

You can change the color of an HTML input's placeholder text with CSS by using the ::placeholder pseudo-element. Here's an example:

<input type="text" placeholder="Enter your text here">

/* Change the color of the input's placeholder text */
input::placeholder {
 color: red;
}

In the above example, the placeholder text of the input will be displayed in red color. You can replace "red" with any other color of your choice. Note that not all browsers support this pseudo-element, so it's a good idea to test your code in different browsers to ensure consistent behavior.

forum

Change an HTML input's placeholder color with CSS

Can you answer this question?

1 Answers