javascript - 如何去掉 input type=file 的 “未选择任何文件”标志？

问题描述

<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='https://www.haobala.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>