<input type="file"> 想把后面的未选择任何文件字样去掉,怎么做?
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...
全是答非所问的啊
<style> input[type="file"] { color: transparent; } </style> <input type="file">
默认样式太丑了,我们可以把默认的 input 元素透明度设为0,然后用自定义元素覆盖住。http://codepen.io/zengkan0703...
雷雷 雷雷
<label for="inputFile" class="button"> <span>选择文件</span></label><input type="file" id="inputFile" style="display: none" 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 class="imgBox1" data-value='' style='position:relative;width:100%;text-align:center'> <img class="addcarimg1 img-responsive" id="blah1" src="" style="width:100%;height:20rem;overflow:hidden;"/> <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' class="imgInp imgInp1" id="imgInp" data-value='1' /> </a> </p>
全是答非所问的啊
默认样式太丑了,我们可以把默认的 input 元素透明度设为0,然后用自定义元素覆盖住。
http://codepen.io/zengkan0703...
雷雷 雷雷
<label for="inputFile" class="button">
<span>选择文件</span>
</label>
<input type="file" id="inputFile" style="display: none" onchange="changed">
自己对label自定义样式; 当点击label , 就点击了对应的 input ,
直接上代码,你可以参考下。