- Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示,可通过加入 CSS 属性
-webkit-text-size-adjust: none;
- 修改palceholder内文字的css样式
::-webkit-input-placeholder{
color: red;
font-size: 20px;
line-height: 50px;
}
在微信小程序中微信有自己的处理方式
在标签里面直接设置一个placeholder-class样式
//WXML文件
<input type='number' class='phone' maxlength='11' placeholder-class='phone_PC'></input>
//WXSS文件
.phone_PC{
color:#ccc;
font-size: 32rpx;
}