問題描述

<input type='file'> 想把后面的未選擇任何文件字樣去掉，怎么做？

問題解答

全是答非所問的啊

<style>input[type='file'] { color: transparent;}</style><input type='file'>回答2：

默認樣式太丑了，我們可以把默認的 input 元素透明度設為0，然后用自定義元素覆蓋住。http://codepen.io/zengkan0703...

<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 ，

直接上代碼，你可以參考下。

//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.piao2010.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>