javascript - 如何去掉 input type=file 的 “未選擇任何文件”標(biāo)志?
問(wèn)題描述
<input type='file'> 想把后面的未選擇任何文件字樣去掉,怎么做?
問(wèn)題解答
回答1:全是答非所問(wèn)的啊
<style>input[type='file'] { color: transparent;}</style><input type='file'>回答2:
默認(rèn)樣式太丑了,我們可以把默認(rèn)的 input 元素透明度設(shè)為0,然后用自定義元素覆蓋住。http://codepen.io/zengkan0703...
回答3:<label class='button'> <span>選擇文件</span> <input type='file' onchange='處理函數(shù)'></label>
.button { /* 自定義按鈕樣式 */}回答4:
<label for='inputFile' class='button'> <span>選擇文件</span></label><input type='file' onchange='changed'>
自己對(duì)label自定義樣式; 當(dāng)點(diǎn)擊label , 就點(diǎn)擊了對(duì)應(yīng)的 input ,
回答5:直接上代碼,你可以參考下。
//css.imgboxa{ position: absolute; color:#999; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0);}//html<p data-value=’’ style=’position:relative;width:100%;text-align:center’><img src='http://m.4tl426be.cn/wenda/3290.html' /><a href='javascript:;' class='imgboxa'> <span class='iconadd jiaNo1'>+</span></br> <span class='txt textNo1'>身份證正面</span> <input style=’position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;’ type=’file’ data-value=’1’ /></a> </p>
相關(guān)文章:
1. mysql優(yōu)化 - MySQL如何為配置表建立索引?2. 如何用筆記本上的apache做微信開發(fā)的服務(wù)器3. 我在網(wǎng)址中輸入localhost/abc.php顯示的是not found是為什么呢?4. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑!求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦,實(shí)在是找不到哪里的問(wèn)題了。5. 關(guān)于mysql聯(lián)合查詢一對(duì)多的顯示結(jié)果問(wèn)題6. 冒昧問(wèn)一下,我這php代碼哪里出錯(cuò)了???7. windows誤人子弟啊8. php傳對(duì)應(yīng)的id值為什么傳不了啊有木有大神會(huì)的看我下方截圖9. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)10. 實(shí)現(xiàn)bing搜索工具urlAPI提交
