css实战小技巧

1. Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示,可通过加入 CSS 属性

-webkit-text-size-adjust: none;

2. 修改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;
        }