Css Style Placeholder Text Code Example
Example 1: css placeholder color ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: pink; } ::-moz-placeholder { /* Firefox 19+ */ color: pink; } :-ms-input-placeholder { /* IE 10+ */ color: pink; } :-moz-placeholder { /* Firefox 18- */ color: pink; } Example 2: 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 3: css style placeholder <! DOCTYPE html > < html lang = " en "