[wd_asp elements=’search’ ratio=’100%’ id=1]

How to change the input box placeholder text colour

17th January 2020

CSS

Css - Codehaven

This code will change the input box text colour for the placeholder. Usually its dark grey from the bootstrap css or some other css file.


.form-control:focus {
width: 85%;
background-color: #fff;
}

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

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

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