@manhnguyenv

Welcome to my blog!

StyleSheet (CSS)

March 16, 2018 08:30

Cách sửa thông thường

.form-control::-webkit-input-placeholder { /* WebKit (Chrome/Opera/Safari), Blink, Edge */
    color: #C7C7CD; /* #909 */
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #C7C7CD; /* #909 */
    opacity: 1;
}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #C7C7CD; /* #909 */
    opacity: 1;
}

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

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

.form-control::placeholder { /* Most modern browsers support this now. */
    color: #C7C7CD; /* #909 */
}

Default color of Placeholder

The colour is #C7C7CD (r: 199 g:199 b: 205) (as what pterry26 said)

and the font-family is HelveticaNeue-Medium and size is 16

Change color of Placeholder

https://stackoverflow.com/questions/2610497/change-an-html5-inputs-placeholder-color-with-css

::-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;
}

Thay đổi màu của placeholder

::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;
}

Categories