xxxxxxxxxx
"&::placeholder": {
color: "#c4c4c4",
},
xxxxxxxxxx
::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;
}
xxxxxxxxxx
/* Target the placeholder selector of an input element */
::placeholder {
color: red; /* Change the color to desired value */
}
/* Optional styling for specific input element */
input[type="text"]::placeholder {
font-style: italic;
}
xxxxxxxxxx
/* Select the placeholder text of an input field with id "myInput" */
#myInput::placeholder {
color: red;
}
/* Select the placeholder text of all input fields */
input::placeholder {
color: blue;
}
How to change the colour of Placeholder in CSS
xxxxxxxxxx
::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;
Code by --Anshul Soni
Visit my website at https://anshulsoni.tech
xxxxxxxxxx
/* do not group these rules */
*::-webkit-input-placeholder {
color: red;
}
*:-moz-placeholder {
/* FF 4-18 */
color: red;
opacity: 1;
}
*::-moz-placeholder {
/* FF 19+ */
color: red;
opacity: 1;
}
*:-ms-input-placeholder {
/* IE 10+ */
color: red;
}
*::-ms-input-placeholder {
/* Microsoft Edge */
color: red;
}
*::placeholder {
/* modern browser */
color: red;
}