input组件设置背景图片和padding-left后出现重复
发布于 6 年前 作者 xiuying19 1646 次浏览 来自 问答

在给`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背景图重复

2 回复

你好，请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

应该是bug，到现在还没解决

回到顶部