修改input:file样式
2013-07-01 17:45
309 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Uploadfile</title>
<style>
*{
margin: 0;
padding: 0;
}
a{
width: 200px;height: 30px;background-color: blue;display: block;margin: 100px auto;overflow: hidden;position: relative;
}
input{
font-size: 118px;cursor: pointer;position: absolute;right: 0;top: 0;opacity: 0;filter:alpha(opacity=0);
}
</style>
</head>
<body>
<a href="#"><input type="file" name="" id="" /></a>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 小技巧实现修改input-file样式,代理上传
- 关于修改 标签input file 样式问题！
- 只修改input file组件的浏览按钮样式
- 如何修改input[type="file"]的默认样式
- 修改 input file 样式
- 上传文件控制input type="file"样式修改记
- input type="file"在各个浏览器下的默认样式，以及修改自定义样式
- 修改input file文件上传的默认样式 兼容ie8
- input[tyle="file"]样式修改及上传文件名显示
- input[type="file"]的样式修改
- 修改 input[type="file"] 原生样式
- js修改input file标签样式
- 【HTML】统一file提交样式 input type=file浏览修改，不清空file值，提交表单
- 修改 上传图片按钮input-file样式。。
- 只修改input file组件的浏览按钮样式
- Bootstrap修改input file默认样式
- ajaxfileupload单文件上传兼容IE8及 input type=file样式修改
- 修改input type=file 标签默认样式的简单方法
- 利用Javascript来修改file类型input标签的样式
- input,type="file"的样式修改