javascript - HTML 输入 ="file"按钮到文本

Question

我想将 input="file"按钮替换为只有这样的文本 http://valums.com/wp-content/uploads/ajax-upload/demo-jquery.htm但我不想使用整个图书馆。我该怎么做？

Answer 1

其实就是input type="file"控件。他们使用包装 div 来显示它。您可以使用图像将 div 样式设置为上传按钮文本。然后在上面放一个input type="file"控件，不透明度设置为0，就这样

例如:

<style>
.invis
{
 margin: -5px 0pt 0pt -175px; padding: 0pt; position: absolute; width: 30px; height: 30px; font-size: 14px; cursor: 

pointer;opacity: 0; display: block; z-index: 2147483583; top: 2px; left: 180px;filter:alpha(opacity=0);
}
</style>
<div>test</div>
<input type="file" name="myfile" class="invis" />

我没有使用任何图像。您可以使用图像来设置包装器 div 的样式。