以前寫(xiě)過(guò)這樣的文章但是用了js腳本,優(yōu)點(diǎn)是可以顯示文件路徑。
如果可以不要看到路徑,只顯示自定義按鈕,另有其方法,下面只是用用了css的技巧來(lái)實(shí)現(xiàn)。
關(guān)鍵是給file文件域給了font-size,設(shè)置一個(gè)比較大的值,使其表單大寫(xiě)發(fā)生改變(各瀏覽器外觀不同,但大寫(xiě)都改變了)如下圖:
input{font-size:100px;}
再用position定位,和透明度達(dá)到自己想要的效果。具體代碼如下:
DEMO:
標(biāo)簽:青島 哈密 山南 懷化 潮州 昭通 荊門 延邊
巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《input file自定義按鈕美化(演示)》,本文關(guān)鍵詞 input,file,自定義,按鈕,美化,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。