收藏
回答

input中添加搜索图标,使用padding-left出现两个图标

框架类型 问题类型 操作系统 工具版本
小程序 Bug macOS 2.25

想在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;//使用该属性时,出现两个背景图

    }


最后一次编辑于  2018-09-11
回答关注问题邀请回答
收藏

3 个回答

登录 后发表内容