手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css 表单上传文件的“浏览”按钮修改
css 表单上传文件的“浏览”按钮修改
摘要:图中用到的图片:input{border:1pxsolid#000;}.clear{clear:both;}.ehdel_upload_sh...

图中用到的图片:

css 表单上传文件的“浏览”按钮修改1

<!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> <input id="ehdel_upload_text" type="text" name="txt" /> <input id="ehdel_upload_btn" type="image" src="http://www.jb51.netdo/uploads/allimg/110503/1202250.gif" value="请选择文件" /> </div> <div></div> <input type="file" onchange="ehdel_upload_text.value=this.value" /></form></body></html>

提示:您可以先修改部分代码再运行

【css 表单上传文件的“浏览”按钮修改】相关文章:

Ext Grid控件的配置与方法

css如何设置层透明

css sprite原理优缺点及使用示例介绍

图片的翻转按钮怎么制作

CSS创建一个鼠标感应换图片的按钮

使用css3制作登录表单的步骤

CSS的“顶级”技巧

几款不错的按钮样式

div嵌套 img 空白解决方法

如何用!important解决浏览器兼容性问题

精品推荐
分类导航