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

方法:

代码示例:

 1 .input::-webkit-input-placeholder {
 2   font-size: 3.73333333vw;
 3   color: #cccccc;
 4 }
 5 .input:-moz-placeholder {
 6   font-size: 3.73333333vw;
 7   color: #cccccc;
 8 }
 9 .input:-ms-input-placeholder {
10   font-size: 3.73333333vw;
11   color: #cccccc;
12 }

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

对比效果图如下:

正常:

设置input中placeholder的样式(placeholder设置字体)_第1张图片

异常:

设置input中placeholder的样式(placeholder设置字体)_第2张图片

 

转载于:https://www.cnblogs.com/crf-Aaron/p/9925165.html

你可能感兴趣的:(设置input中placeholder的样式(placeholder设置字体))