File input 的样式和文字的更改方法__适用于Firefox、IE等浏览器

来源:互联网 发布:徐州网络教育 编辑:程序博客网 时间:2024/05/01 17:23

<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input type file test - zishu.cn</title>
</head>
<style>
#uploadImg{ font-size:12px; overflow:hidden; position:absolute}
#fileccc{ position:absolute; z-index:100; margin-left:-180px; font-size:60px;opacity:0;filter:alpha(opacity=0); margin-top:-5px;}
</style>
<body>
<span id="uploadImg">
<input type="file" id="fileccc" size="1" >
<input type="button" value="cccccc"> </span>
</body>
</html>

 

原创粉丝点击