开发者工具中background-image重复显示问题
Bug情况:
当在wxss中为<input>定义了background-image并使用url(data:image/png;base64,…)时,图片可以正确显示,但会重复两次。这个问题只在input标签中测试过,别的情况不知道是不是也这样,且只在开发者工具中出现,真机测试时没有问题。具体情况见代码和截图:
wxml:
< input type = "text" name = "keywords" maxlength = "50" placeholder-class = "placeholder" placeholder = "快速搜索动作..." bindinput = "searchExerciseByKeywords" /> |
wxss:
.searcharea input { width : 100% ; box-sizing: border-box; font-size : 14px ; line-height : 14px ; background-color : white ; border : 1px solid #cccccc ; border-radius: 5px ; overflow : hidden ; height : 36px ; vertical-align : middle ; background-image : url (data:image/png;base 64 ,iVBORw 0 KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP 4 ixAAAAGXRFWHRTb 2 Z 0 d 2 FyZQBBZG 9 iZSBJbWFnZVJlYWR 5 ccllPAAAAyZpVFh 0 WE 1 MOmNvbS 5 hZG 9 iZS 54 bXAAAAAAADw/eHBhY 2 tldCBiZWdpbj 0 i 77 u/IiBpZD 0 iVzVNME 1 wQ 2 VoaUh 6 cmVTek 5 UY 3 prYzlkIj 8 +IDx 4 OnhtcG 1 ldGEgeG 1 sbnM 6 eD 0 iYWRvYmU 6 bnM 6 bWV 0 YS 8 iIHg 6 eG 1 wdGs 9 IkFkb 2 JlIFhNUCBDb 3 JlIDUuNS 1 jMDIxIDc 5 LjE 1 NTc 3 MiwgMjAxNC 8 wMS 8 xMy 0 xOTo 0 NDowMCAgICAgICAgIj 4 gPHJkZjpSREYgeG 1 sbnM 6 cmRmPSJodHRwOi 8 vd 3 d 3 LnczLm 9 yZy 8 xOTk 5 LzAyLzIyLXJkZi 1 zeW 50 YXgtbnMjIj 4 gPHJkZjpEZXNjcmlwdGlvbiByZGY 6 YWJvdXQ 9 IiIgeG 1 sbnM 6 eG 1 wPSJodHRwOi 8 vbnMuYWRvYmUuY 29 tL 3 hhcC 8 xLjAvIiB 4 bWxuczp 4 bXBNTT 0 iaHR 0 cDovL 25 zLmFkb 2 JlLmNvbS 94 YXAvMS 4 wL 21 tLyIgeG 1 sbnM 6 c 3 RSZWY 9 Imh 0 dHA 6 Ly 9 ucy 5 hZG 9 iZS 5 jb 20 veGFwLzEuMC 9 zVHlwZS 9 SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG 9 yVG 9 vbD 0 iQWRvYmUgUGhvdG 9 zaG 9 wIENDIDIwMTQgKFdpbmRvd 3 MpIiB 4 bXBNTTpJbnN 0 YW 5 jZUlEPSJ 4 bXAuaWlkOjMzRTBEOEMyQTUwMDExRTk 5 QUZCODZCMTVDMTQ 0 RkZDIiB 4 bXBNTTpEb 2 N 1 bWVudElEPSJ 4 bXAuZGlkOjMzRTBEOEMzQTUwMDExRTk 5 QUZCODZCMTVDMTQ 0 RkZDIj 4 gPHhtcE 1 NOkRlcml 2 ZWRGcm 9 tIHN 0 UmVmOmluc 3 RhbmNlSUQ 9 InhtcC 5 paWQ 6 MzNFMEQ 4 QzBBNTAwMTFFOTlBRkI 4 NkIxNUMxNDRGRkMiIHN 0 UmVmOmRvY 3 VtZW 50 SUQ 9 InhtcC 5 kaWQ 6 MzNFMEQ 4 QzFBNTAwMTFFOTlBRkI 4 NkIxNUMxNDRGRkMiLz 4 gPC 9 yZGY 6 RGVzY 3 JpcHRpb 24 +IDwvcmRmOlJERj 4 gPC 94 OnhtcG 1 ldGE+IDw/eHBhY 2 tldCBlbmQ 9 InIiPz 6635 ctAAAEiUlEQVR 42 tRaaWxNQRSetoil 9 jWx 1 V 57 qKglqCXCD 2 qJJYiiP 0 pCgtQPYoktxL 6 EiPhBSKgtglQEsUdRu 9 oaBNFoUmpL/aD 4 jnduMj 1 v 3 n 19 Wzu+ 5 Mt 7 c+ 59991 v 5 szcOefcqOzsbBUiqoB 9 wN 5 gF 7 AZ 2 BCMBWPAIrAQzANzwLvgDfClCgMSEhL+fVYI 4 RrDwYn 8 Wd/lvNpgY 7 ATOFSzk 5 iDzIJQBUUH 8 Zvx 4 E 0 wE 5 zqR 4 QbaAS 3 ga/A 9 WCDUIQEMiLdwY 1 gkss 55 D 654 AfwE/gLrAY 2 AuPAeEPnVQfTwTRwMYuLmJB 07 jUTroIZ/PmEb 94 XGvN 8 GgaOAusIQVvBZHAyd 0 ZYXSvDh 4 h 9 YA+wP 7 gDfOhHBOE 9 eARMBVuCc 8 G 34px B 4 FOwbziFXOI 5 oeMKmAhOA++E 4 NZfeARag 2 vEsVrgNR 65 kIXQDQ 8 QtmVsu 6 XCh 5 /gIrAX+FocOwP 2 C 0 XIUcMFRoMrVORAK 2 FHnmuyQ 5 sHI 4 T 8 dqyw 0 Up 1 QkUeP 3 jOXRb 284 EKIeWbhS 3 ZcOFII 4 knvAOaR 9 sDEXJYtMmVTqrywUDwt 9 aeza 7 nVwitED 21 dg 5 P 7 vJCPpgibHtKI 2 STODZBlT 8 OiBWSVrYENyF 0 QnvNfopHxAakifYSNyEzhX 2 hsgf 3 xaiM 4 B 21 UchozfbIotFwsEPc 8 xiTEHKrGpptv 7 IPJ 8 QKNtAkRG 5 DLlgo 5 CsHYg 76 mIR 00 Nqf 2 SdtxHXtewsZ 0 EXzU 9 PBCzGENuGJaLeRQuqIeMFWyECrnhRSVfiirfhuCJFLCInR 2 sUWC 5 HRZ 0 UppEhrx 1 ospJpoF 0 kh 33 z 5 nWWQaaePUogeXra 1 WEgr 0 X 4 nheRq 7 Sac 3 bARPbTvlIJ 9 JYXIREI/S 4 XoO 5 C 7 cvKTkEuGJINt 6 CuedxdNW 5 RCzlQ 4 GCnXaAtjkmO+tvG 7 NVsUuMAiETXBKVqbMprPfAnJEMtwunzglCPWcuc 6 WO 8 WIdLEWa 3 ZqXizywIRcSJ 6 LeA 43 jX 5 sEGMygzlXkIoC 5 wW 7 TmlyaLQPmuaOJ 5 pio/LCDtVyTwW 1 QgPlUYI 4 bgqmZAjF 6 OcbKUyFkE 9 P 0 tr/ 1 HeaVxXIYoD+ 3 wRwNxWnlR/WaCp 8 q 5 aDVbedRS/Qor 5 AfRTs 1 G 19 oHYJkQKpgg 10 d+PfJUVqHTcX 1 y 0 GY 9 MpJ 8 xFKVOEjYqBC 0 PRgghC+ymvEvH 65 SnUjU 2 TG 4 UZ 7 BTyXqesC 012 EolxHmKdlbeZQWq 8 FIx 6 B 44 XyQw/IFC 62 S+ 2 TccRqQYzttiGAXKT 6 eaLhoVwJsPVDpe 6 XL 8 AbveC 77 BT 7 zaOOXpljzXKONfV/z 2 s 8 syv 8 kwEuO 4 I 4 N 682 GV 8 lRkqZdMmfquzGCw 1 +XYfF 4 xp 2 s 2 uo 8 hSksmBvrmw 3 PleW 2 DumGPCrAWbsA 53 hDO 83 PeDGcENFA 5 rlcwrmVCZeXJjiexy 1 CoXMMlC 0 Lh 6 X 2 +CZp 3 gSbLaQQGiaW 6 E 9 zraVQY 3 g 6 SuSaqQzbkSV 2 R 929 FPKnzwvAfWeK 5 Qrm 4 LhVUeEE 3 /ZgZyWiRrh/PbfKAs 9 Hq/ 0 Mxj 4 ieRWn 3 Pwpx 3 Kkn 74 jpgZ 36 V 4 ABAF 6 N 5 zWbAZM 0 AAAAAElFTkSuQmCC); background-repeat : no-repeat ; background- size : 25px 25px ; background-position : 10px 5px ; padding : 0 10px 0 40px ; } |
结果:
1 回复