估計很多人都對文件域那難看的樣式無可奈何,對于一個講究完美的web系統來說,這種界面是無法接受的。gmail的附件添加在IE瀏覽器中實現了樣式自定義,讓大伙興奮了好一這,他使用的是文件域的click()方法,但客戶端的安全限制非常苛刻,必須結合iframe才能實現,代碼比較繁鎖。我使用的是透明疊加法,即把文件域置于點擊目標之上,并讓其透明,這樣用戶看到的是自定義熱區,點擊的依然是瀏覽按鈕,沒有違反任何安全機制。同樣地,這種方法也支持firefox。 <style> *{font-size:12px;cursor:default} .hand{cursor:hand;cursor:pointer} </style> <body> <form name=fm1> <span id=bxAtt1 style='position:absolute;padding-top:3;cursor:hand;font-family:宋體'>@添加附件</span> <span id=bxAtt2 onmouseover=this.scrollLeft=100 style=position:absolute;width:60;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0></span> </form> </body> [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行] JavaScript技術:使用透明疊加法美化文件上傳界面的代碼,轉載需保留來源! 鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。