解決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