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://m.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. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. docker - 如何修改運行中容器的配置3. docker安裝后出現Cannot connect to the Docker daemon.4. nignx - docker內nginx 80端口被占用5. python3.x - python連oanda的模擬交易api獲取json問題第五問6. css3 - 沒明白盒子的height隨width的變化這段css是怎樣實現的?7. javascript - webpack熱加載配置不生效8. javascript - QWebEngineView 如何爬 angular 的動態數據?9. java - SSH框架中寫分頁時service層中不能注入分頁類10. java - instance method中 static后的<K>是什么意思?
