首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

自定义的文件下传样式

2012-09-17 
自定义的文件上传样式~htmlheadmeta http-equivcontent-type contenttext/html charsetgb2312

自定义的文件上传样式~
<html><head><meta http-equiv="content-type" content="text/html; charset=gb2312"/><title>上传测试</title><style>.input-file{position: absolute;right: 0;top: 0;_font-size: 100px;_font-size: 12px;_zoom: 1;height: 20px;_height: auto;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";cursor: pointer;}
.upload-button {/*嘘。。。这个效果是从饭否学习而来的。 我是饭否重度用户~ 咩哈哈~ */background: transparent url(http://static2.fanfou.com/img/uploadicon.png) no-repeat 0 0;cursor: pointer;margin: 0;padding: 0;text-align: center;text-indent: -9999px;width: 20px;height: 20px;position: relative;}
</style></head><body><div type="file" name="picture" id="upload-file" /></div></body></html>

热点排行