HTML input ="file"按钮到文本

Question

我想将input ="file"按钮替换为仅像http://valums.com/wp-content/uploads/ajax-upload/demo-jquery.htm这样的文本,但我不想使用整个库.我怎样才能做到这一点 ？

Answer 1

它实际上是输入类型="文件"控件.他们使用了一个包装div来显示它.您可以使用图像将div设置为上传按钮文本的样式.然后在它上面放置一个输入类型="文件"控件,并使其不透明度为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的样式.