1. 程式人生 > >設定input中placeholder的樣式(placeholder設定字型)

設定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出現。

對比效果圖如下:

正常:

異常: