微信小程序给input标签添加背景图，出现两个图片
2018-08-07 16:54
736 查看
微信小程序给input标签添加背景图，出现两个图片
微信小程序给input标签添加背景图，给了no-repeat，会出现两个背景图
原因：
是input样式中的 padding-left 引起的
解决方法：
把背景图放在input标签的 外层
<view style='background:url(/images/GL_icon_37.png) #d7d7dc no-repeat 0.5rem center;background-size:7%;border-radius:5px;'> <input name="key" type="text" placeholder="搜索商品" ></input>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【小程序】input标签添加背景图，会出现两个背景图
- 【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案一
- 【微信小程序常见问题】view标签设置背景图片手机无法预览解决方案二
- 微信小程序 image组件的mode属性 以及 图片出现横向滚动轴
- 微信小程序background设置背景图片不能用本地图片
- 微信小程序中input标签详解及简单实例
- 添加图片如何点击a标签, 弹出input file 上传文件对话框
- 微信小程序的背景图片在手机上不显示？
- MFC在SDI中添加背景图片以及改变程序图标的方法
- mfc对话框程序如何添加背景图片以及使控件背景图片与对话框一致
- 微信小程序之页面样式以及背景图片显示问题
- 微信小程序：input标签的使用
- vue如何给v-for循环的标签添加背景图片
- 微信小程序将图片数据流添加到image标签中
- 【微信小程序】图片被压扁怎么办？在image中添加 mode="widthFix"
- 点击空白处隐藏input，点击评论出现 (微信小程序)
- 为input=file 控件添加背景图片
- VC/MFC给程序添加背景图片
- win8应用商店程序 添加背景图片
- IE6背景图片闪烁修复ie6标签hover属性添加