CSS如何修改placeholder的颜色

文章描述:

placeholder这个属性是HTML5中新增的属性,作用是描述输入字段预期值的提示信息

html

<input type="text" placeholder="请输入">

style

input::-webkit-input-placeholder {
        color: #aab2bd;
        font-size: 12px;
}
input {
	border: 1px solid red;
}

兼容性

存在一定的浏览器兼容问题,下面是所有浏览器写法:

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

 

发布时间:2022/05/27

发表评论