Css 在输入文件上放置超链接

如何使用CSS在文本框上放置超链接

<a href="#" id="up">click</a>
<input type="file"></input>

---

我想隐藏文件输入并使超链接在文件输入上可见，以便向用户显示他正在单击超链接浏览他的文件而不是文件输入。

您只需将输入的不透明度设置为0，使其不可见，然后只需在顶部放置一个

标记（或者

，如果您愿意的话）

<div id="container">
<p>Browse</p>
<input type="file"/>
</div>

---

这样你就可以把你的

设计成一个很棒的按钮：）

参见本文：www.quirksmode.org/dom/inputfile.html

它涵盖了所有不同的方法，但是您必须使用图像，而不是链接

#container input {
   opacity: 0;
   height:30px;
   width:100px;
}
#container{
   height:30px;
   width:100px;
    background-color:#ccc;
}
#container p {
   position:absolute;
   text-align:center;
   height:30px;
   width:100px;
}