如何简单修改input的placeholder样式

时间:2022-11-04 19:39:17

在做项目的时候,尤其事表单的时候,有时候input的placeholder的颜色值有点重,让我们一眼看过去分不清到底是不是已经填写的,为了更加分明,我们就需要修改一下placeholder的样式属性。

下面这段代码出自bootstrap.css中:

.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}

.form-control:-ms-input-placeholder {
color: #999;
}

.form-control::-webkit-input-placeholder {
color: #999;
}

这段代码就是设置修改placeholder的颜色值,并且作了各个浏览器的兼容。

如想看更多例子可点击查看:placeholder修改颜色/字体大小