返回顶部

收藏

html自定义input type='file'样式

更多

方法1

<style>  
#mybutton{  
    border:1px solid #ccc;  
    background:#fff;  
    color:#000;  
    padding:5px 15px;  
}  
</style><br/><br/>  
<input type="file" id="file" onchange="" style="display:none"/>  
<input type="button" onclick="file.click()" id="mybutton" value="浏览"/>  

<!--该代码片段来自于: http://www.outofmemory.cn/codes/html/5839-->
                                方法2
<a href="javascript:file.click();" style="background:url(https://passport.csdn.net/images/btnsel.gif) no-repeat;width:120px;height:42px;display:block;">  
    <input type="file" id="file" style="display:none;"/>  
</a>  
<!--该代码片段来自于: http://www.outofmemory.cn/codes/html/5839-->

标签:文件上传,自定义样式,表单

收藏

0人收藏

支持

0

反对

0