收藏
回答

input组件设置背景图片和padding-left后出现重复

问题模块 框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 input 微信iOS客户端 iOS 6.6.3 1.9.1

在给`input`组件同时设置背景图片和padding值(padding-left)的时候,就算背景图片已经设置了no-repeat,背景图片也会重复一次.经过测试在手机(ios),和开发工具都会有这个问题.

wxml:


wxss:

.title-form{
  border: 1px solid #e0e0e0;
  border-radius: 6rpx;
  height: 90rpx;
  line-height: 90rpx;
  padding-left: 48rpx;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACHUExURUxpcdDQ0sPDxZ+fo87O0KWlqdfX2Y6Ok5GRlvT09Nra3KGhpZ6eo6Kipu7u77Ozt52dodHR09vb3ZycoZuboLS0t+zs7e3t7uHh4re3us3N0JKSl5SUmZ+fpJubn5eXnJqan6CgpNvb3OLi49zc3uHh48PDxtzc3djY2ZKSlq2tsLKytfHx8rm9tvQAAAABdFJOUwBA5thmAAAAsklEQVQoz7WR1xKCMBBFA0buGnoXBHvX//8+cQwl0Tx6n07mzGy2MPaJqCJqdpVgeo4eZLyLamzArUvGytoFbNWs4p4twnk0Ceg0vpaE/fDIYE1rWMh6vMJXf/bhSMrBVcWRS0oRqCpAKukGfUqQhMasWr1gMRT80UYoyTE3r48cYz2wAB2URQnjerf6UXjXZ8G7o2wwn7pkPGWymKmOOWFEFIXv3r7cJH9xLR5Gd38yc17eIAjU+rgU/wAAAABJRU5ErkJggg==') 12rpx center no-repeat;
   -webkit-background-size: 26rpx;
  background-size: 26rpx; 
  text-align: left;
}

附上代码:input背景图重复

最后一次编辑于  2018-02-06  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答