贴上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IE游览器下file控件出现光标的解决办法</title>
</head>
<style type="text/css">
.box{width: 200px;height: 200px;position:relative;background: blue;margin:0 auto; overflow: hidden;}
.box .file{display:block;opacity: 0;filter: alpha(opavity=0);position: absolute;z-index:100;height: 100%;width: 100%; background: black;padding:0;cursor:pointer;overflow: hidden;}
</style>
<body>
<div class="box">
<input type="file" class="file" title="请选择上传文件" />
</div>
</body>
</html>
这个demo在chrome下测试没问题但是在IE下会出现光标，在网上查了下，普遍的做法是给这个属性设置一个font-size，大小自己定义，只要把光标覆盖就可以了。
扫一扫
2951
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
