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