Re: [問題] 表單按鈕的問題
※ 引述《WLittleWA (小哇)》之銘言：
: 請問有辦法更換成自己想要用的圖片嗎...
: http://www.quirksmode.org/dom/inputfile.html
: 爬文有爬到這個網站
: 但是看的不是很懂
那篇文章是在寫如何用css在<input type="file"/>上套樣式
裡面是說一般的input可以用css去給背景圖樣式
可是你很難直接用這個方式去套file upload的input element
<input type="file"/>是一個比較特殊的element
一般瀏覽器render出來會有有一個textbox和一個選擇檔案的按鈕(safari又不一樣 沒有textbox)
css又沒有辦法去select到<input type="file"/>裡面那個按鈕
因此render出來就很難看
所以他們用了一個很tricky的方法
大略的說是同時用一個<input type="file"/>和一組一般的text input(有css背景)與按鈕圖片
讓他們重疊在一起 <input type="file"/>在上面同時設為透明(opacity為0)
這組text input和按鈕圖片是用來在視覺上fake原來的<input type="file"/>
在寫一些javascript處理一些文字顯示和輸入等等的問題
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.131.28.187
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
-7
9