微信小程序在设置input背景的时候会出现2个背景,很诡异。

阿健666
  • 81

微信小程序在设置input背景的时候会出现2个背景,很诡异。
看下图:

clipboard.png

代码:

<view class="login-item"><input class="account" type="tel" id="phone" placeholder="账号"/></view>

.login-item input{border: none;color:#999;  padding: 46rpx 80rpx;   width: 450rpx; }
.login-item input.account{background: url('http://oze251y1n.bkt.clouddn.com/ic_login01.png') no-repeat 20rpx center/46rpx 46rpx;}
回复
阅读 4.5k
2 个回答

微信小程序自带的组件有很多加了:after的演示,你可以查看一下。

啦啦惟
  • 4
新手上路,请多包涵

暂时没找到原因和解决办法
我的应急对策是你把图标加到input外层的view上面 这样就算图标在x-轴会多渲染出来一个也会被内层input挡住
希望小程序后续更新会修复这个问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏