微信小程序placeholder设置自定义样式

1、与一般html不同，这里的input标签内的placeholder样式需要自己设置一个属性值 placeholder-class，再对css进行修饰

<view class='search-rec'>
  <image class='icon-search' src='../../image/icon-search.png'></image>
  <input class='search-input' placeholder='请输入商品名称' placeholder-class="phcolor"></input>
</view>

2、这里的css样式见下：

input.search-input{
  display: inline-flex;
  margin-left: 5px;
  line-height: 17px;
  height: 17px;
  min-height: none;
  margin: 2px 0 2px 5px;
  font-size: 12px;
}
.phcolor{
    font-size: 12px;
    color: #7F7F7F;
  }