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?

Revati S Misra

Can you answer this question?

1 Answers

Liked By