HTML input =“file”button to text

Question

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

Answer 1

它实际上是输入类型=“文件”控制。他们使用了一个wrapper 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的样式。