change color of placeholder text html code example
Example 1: css style placeholder
input::-webkit-input-placeholder {/* Chrome/Opera/Safari/Edge */
/*styles here*/
}
input::-ms-input-placeholder { /* Microsoft Edge */
/*styles here*/
}
input:-ms-input-placeholder {/* IE 10+ */
/*styles here*/
}
input::-moz-placeholder {/* Firefox 19+ */
opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
/*styles here*/
}
input:-moz-placeholder {/* Firefox 18- */
opacity: 1; /*Firefox by default has an opacity object that usually is ideal to reset so it matches webkit*/
/*styles here*/
}
input::placeholder {
/*styles here*/
}
Example 2: placeholder css
::-webkit-input-placeholder {color: pink;} /* Chrome/Opera/Safari */
::-moz-placeholder { color: pink;} /* Firefox 19+ */
:-ms-input-placeholder { color: pink;} /* IE 10+ */
:-moz-placeholder {color: pink;} /* Firefox 18- */