How to Change an HTML input's placeholder color with CSS?

Question

Aryan Kumar · Answer

Sure, I can help you with that.

To change an HTML input's placeholder color with CSS, you can use the ::placeholder pseudo-element. The ::placeholder pseudo-element is used to style the placeholder text of an input element.

The following CSS code shows how to change the placeholder color of an input element to red:

CSS

input::placeholder {
  color: red;
}

In this code, the input::placeholder selector is used to select all input elements. The color property is set to red.

You can also use the color property to set the placeholder color of a specific input element. For example, the following CSS code will set the placeholder color of the input element with the id my-input to blue:

CSS

input#my-input::placeholder {
  color: blue;
}

In this code, the input#my-input::placeholder selector is used to select the input element with the id my-input. The color property is set to blue.

forum

How to Change an HTML input's placeholder color with CSS?

Can you answer this question?

1 Answers