天天看點

解決WebUploader 上傳按鈕按F12 才行的問題

遇到了 WebUploader 插件的上傳按鈕點選無效(此時滑鼠在按鈕任何位置時,按鈕都沒變化)、按F12 之後才有反應(此時滑鼠在按鈕任何位置時,按鈕顔色都會變深) 的問題,網上查到一些答案,找到了一種測試有效的辦法。   首先出現Bug的原因是插件生成[選擇檔案]按鈕的長寬都是0,是以點選不到;需要重新渲染一下網頁,而F12正好有渲染網頁的功能。   解決辦法分以下兩步:   1)在頁面加一段樣式:   <style>       #filePicker div:nth-child(2){width:100%!important;height:100%!important;}   </style>     2)如果上傳按鈕用的不是div 标簽,改為div 标簽,如 <span id="filePicker">選擇圖檔</span>,改為<div id="filePicker">選擇圖檔</div>。   如果做了第一步但用的是span 标簽的話,隻有滑鼠在文字下方的按鈕區域才有效(有效時,滑鼠移上去按鈕顔色會變深,無效時按鈕沒反應),按F12之後,隻有滑鼠在文字上方的按鈕區域點選才有效;   用div 的話就沒這個問題,整個按鈕都正常。         引用自: http://www.lingyun.net/forum/384.html

轉載于:https://www.cnblogs.com/colyn/p/10956970.html