网站地图    收藏   

主页 > 前端 > css教程 >

html自定义input type='file'样式 - html/css语言

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 方法1:style#mybutton{border:1px solid #ccc;background:#fff;color:#000;padding:5px 15px;}/stylebr/br/input type=file id=file onchange= style=display:none/input type=but......

方法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="浏览"/>

方法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>

 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论