微信小程序input组件点击输入时placeholder文字上移

微信小程序原生组件input文本输入框，点击聚焦后，placeholder占位符文字位置会向上编移，原因是input使用了box-sizing: border-box;样式的同时添加了上下内边距（padding）或上下外边距（margin），解决方法可以把box-sizing:border-box;或者上下内外边距去掉。

示例：

wxml代码

<input type="text" confirm-type="search" placeholder-class="placeholder" placeholder="输入关键词搜索"/>

wxss代码

input {
  height:56rpx;
  line-height: 56rpx;
  padding:10rpx 20rpx;
  font-size: 28rpx;
  color:#fff;  
  width:100%;
  box-sizing:border-box;
}

上面的代码就会出现placeholder文字上移的问题

可以修改wxss如下：

input {
  height:46rpx;
  line-height: 46rpx;
  padding:10rpx 5%;
  font-size: 28rpx;
  color:#fff;  
  width:90%;
}