Home>Article>Web Front-end> How to modify the color of placeholder with CSS
Method: First use the "::placeholder" selector to select the element that needs to be modified; then add the "color:color value;" style to the element. Note that placeholder is a new selector in CSS3 and requires different prefixes ("-ms-", "-webkit-", etc.) in different browsers.
The operating environment of this tutorial: Windows7 system, CSS3&&HTML5 version, Dell G3 computer.
The placeholder attribute is a new attribute in HTML5. Its function is to describe the prompt information of the expected value of the input field.
How to modify the color of the placeholder?
But there are certain problems Browser compatibility issues, taking chorme as an example:
The selector corresponding to the chorme browser isinput::-webkit-input-placeholder
The effect is as follows:
The selectors for other browsers are as follows:
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color : red; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color : red; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color : red; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color : red; } input::-ms-input-placeholder { /* Microsoft Edge */ color : red; }
Recommended learning :css video tutorial
The above is the detailed content of How to modify the color of placeholder with CSS. For more information, please follow other related articles on the PHP Chinese website!