input file 样式设置,设置成button样式
By：Roy.LiuLast updated：2013-09-09
对于页面开发者来说，有两个html element 的CSS 都使人伤心欲绝，一个是select 下拉框，另外一个是 input type="file" ,这两个的样式太另类了，而且不同的浏览器样子还很不一样。对于做前段的的页面仔来说，这是一个挑战，我在做项目的过程中，同样遇到了这个问题，后来搜索前人留下来的资料，还是搞定了。效果图如下：
具体代码如下:
看到的图是chrome下的效果，当然 IE6 以上版本经测试也是可以的，另外完美兼容firefox. 至于颜色，可以自己修改CSS样式.
具体代码如下:
自定义文件上传控件样式（兼容 IE6） 自定义文件上传控件样式
默认控件样式
处理后控件样式： 标签
浏览...处理后控件样式： 标签
浏览...
看到的图是chrome下的效果，当然 IE6 以上版本经测试也是可以的，另外完美兼容firefox. 至于颜色，可以自己修改CSS样式.
From：一号门
Previous:用maven 创建基于spring的可执行的jar
Next:阿里巴巴所有行业关键词,专业术语 下载
COMMENTS