您的位置首页百科问答

CSS怎么修改placeholder颜色样式

CSS怎么修改placeholder颜色样式

的有关信息介绍如下:

CSS怎么修改placeholder颜色样式

我们在WEB开发的时候,经常会用到表单的placeholder属性!下面小编就和大家说说如何去修改placeholder的颜色样式

使用开发工具新建或打开您的【文档】

创建一个表单输入框并添加【placeholder属性】

示例代码:

给输入框添加CSS代码

示例代码:

input::-webkit-input-placeholder{

color:#f00;

}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */

color:#f00;

}

input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */

color:#f00;

}

input:-ms-input-placeholder{ /* Internet Explorer 10-11 */

color:#f00;

}

编写完,我们打开浏览器查看效果: