设置input中placeholder的样式(placeholder设置字体)

时间:2021-12-22 21:44:11

方法:

代码示例:

 .input::-webkit-input-placeholder {
font-size: 3.73333333vw;
color: #cccccc;
}
.input:-moz-placeholder {
font-size: 3.73333333vw;
color: #cccccc;
}
.input:-ms-input-placeholder {
font-size: 3.73333333vw;
color: #cccccc;
}

注意:设置placeholder的字体大小时须给input也设置相同字体大小,不然在移动端会有bug出现。

对比效果图如下:

正常:

设置input中placeholder的样式(placeholder设置字体)

异常:

设置input中placeholder的样式(placeholder设置字体)