javascript - 如何去掉 input type=file 的 “未選擇任何文件”標志?
問題描述
<input type='file'> 想把后面的未選擇任何文件字樣去掉,怎么做?
問題解答
回答1:全是答非所問的啊
<style>input[type='file'] { color: transparent;}</style><input type='file'>回答2:
默認樣式太丑了,我們可以把默認的 input 元素透明度設為0,然后用自定義元素覆蓋住。http://codepen.io/zengkan0703...
回答3:<label class='button'> <span>選擇文件</span> <input type='file' onchange='處理函數'></label>
.button { /* 自定義按鈕樣式 */}回答4:
<label for='inputFile' class='button'> <span>選擇文件</span></label><input type='file' onchange='changed'>
自己對label自定義樣式; 當點擊label , 就點擊了對應的 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://www.baoyu77737.com/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>
相關文章:
1. sql語句 - mysql中關聯表查詢問題2. python - django models 為生成的html元素添加樣式。3. css - chrome下a標簽嵌套img 顯示會多個小箭頭?4. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示?5. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。6. html - vue項目中用到了elementUI問題7. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?8. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變9. mysql updtae追加數據sql語句10. javascript - 有什么比較好的網頁版shell前端組件?
