input组件背景图片重复问题
发布于 6 年前 作者 yinjie 15286 次浏览 来自 问答

为什么WXSS文件设置了背景不重复,还是显示两个ICON?

.input {

width: 440rpx;

height: 60rpx;

font-size: 24rpx;

line-height: 24rpx;

color: #333;

padding-left: 50rpx;

border: 1rpx solid #f1f2f2;

border-radius: 60rpx;

background-color: #f1f2f2;

background-image: url(data:image/png;base64,xxxxxxx);

background-position: 5rpx center;

background-repeat: no-repeat;

background-size: 50rpx;

}

8 回复

请提供下wxml

麻烦也提供下wxss

不好意思,前段时间慢,我的WXML

  <view class=“comment-title”>评论</view>

    <view class=“page-body” >

      <view class=“weui-cells weui-cells_after-title”>

        <view class=“weui-cell weui-cell_input”>

          <view class=“weui-cell__bd”>

          <input placeholder-class=“input-holder” cursor-spacing=“10” cursor=“20” bindinput=“bindKeyInput”   class=“input” placeholder=""></input>

          </view>

        </view>

      </view>

    </view> 

我也遇到这个问题了 ,而且好像还挺普遍的吧,社区里面很多人问。

@黄思程


.input {

width: 440rpx;

height: 60rpx;

font-size: 24rpx;

line-height: 24rpx;

color: #333;

padding-left: 50rpx;

border: 1rpx solid #f1f2f2;

border-radius: 60rpx;

background-color: #f1f2f2;

background-image: url(data:image/png;base64,xxxxxxx);

background-position: 5rpx center;

background-repeat: no-repeat;

background-size: 50rpx;

}

我的也有这个问题

这个问题怎么说?就这样了吗

回到顶部