File input 的样式和文字的更改方法

最新推荐文章于 2022-04-22 16:40:37 发布

yangzongzhuan

最新推荐文章于 2022-04-22 16:40:37 发布

阅读量5.9k

点赞数

分类专栏： 0_HTML

本文链接：https://blog.csdn.net/ffggnfgf/article/details/43030871

版权

0_HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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}
#file{ 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="file" size="1" >
<a href="#">上传图片</a> </span>
</body>
</html>