微信小程序在设置input背景的时候会出现2个背景,很诡异。
看下图:
代码:
<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;}
微信小程序自带的组件有很多加了:after的演示,你可以查看一下。