input中添加搜索图标,使用padding-left出现两个图标
发布于 6 年前 作者 weilong 3905 次浏览 来自 问答

想在input前部添加一个搜索图标,使用padding-left时,图标就变成两个了

<view class='home-top-mid '>

    <input class=‘home-top-search’ placeholder=‘搜索想要的书籍’></input>

</view>

.home-top-search{

    width: 100%;

    height: 100%;

    font-size:24rpx;

    /* text-indent: 60rpx; */

    border-radius: 34rpx;

    background-image: url(data:image/jpeg;base64,/);//base64省略

    background-size: 30rpx 30rpx;

    background-position: 19rpx 19rpx;

    background-repeat: no-repeat;

    background-color: #F5F5F5;

    padding-left: 60rpx;//使用该属性时,出现两个背景图

    }

3 回复

你好,请提供一下能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

问题已复现,我们会在后续版本修复

wechatide://minicode/eDA3Ylm37o2U

已生成代码片段

回到顶部