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

x7t7x7t7

于 2010-04-02 18:51:00 发布

阅读量487

点赞数

文章标签： file input firefox 浏览器 ie html

<!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>