今天小编跟大家讲解下有关css 表单上传文件的“浏览”按钮修改 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css 表单上传文件的“浏览”按钮修改 的相关资料,希望小伙伴们看了有所帮助。
图中用到的图片:<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta http-equiv="content-type"content="text/html; charset=utf-8"> <meta name="generator"content="PSPad editor, www.pspad.com"> <title></title> </head> <body> <style>input{border:1px solid #000;}.clear{clear:both;}.ehdel_upload_show input{float:left; margin-top:10px;}.ehdel_upload{float:left;margin-top:-20px; *margin-top:-40px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}</style> <form method="post"action=""enctype="multipart/form-data"> <div class="ehdel_upload_show"> <input id="ehdel_upload_text"type="text"name="txt"/> <input id="ehdel_upload_btn"type="image"src="https://www.aidi.net.cn/do/uploads/allimg/110503/1202250.gif"value="请选择文件"/> </div> <div class="clear"></div> <input type="file"onchange="ehdel_upload_text.value=this.value"class="ehdel_upload"/></form></body></html> 提示:您可以先修改部分代码再运行来源:爱蒂网