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

微信小程序在设置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;}
阅读 5.5k
2 个回答

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

新手上路,请多包涵

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

推荐问题