CSS

how to change placeholder color

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}

change placeholder color

textarea::placeholder{
	color: red;
}

input placeholder default color

In Chrome #a9a9a9
in Firefox #777777

how to change color of placeholder

"&::placeholder": {
      color: "#c4c4c4",
    },

placeholder color default

/* In 2021,
For Chrome */
#9ca3af