如何重命名上传文件按钮

时间:2013-07-26 05:38:11

标签: html css

如何重命名上传文件按钮。 我知道如何设计它,但重命名按钮是怎么样的?。

<input type="file" />

感谢您的回答。

6 个答案:

答案 0 :(得分:3)

不可能,但是你可以做到这一点。

尽管你没有标记jQueryJavascript,但我想在这里使用jQuery来表达我的想法。

HTML:

<button id="hackIt">Upload</button>
<input type="file" />

<强> CSS:

input[type='file'] {
    display: none;
}

<强> JS:

$('#hackIt').on('click', function(){
$('input[type=file]').trigger('click');
});

选中此JSFiddle

答案 1 :(得分:1)

您可以使用value =“Upload”

之类的内容进行更改

答案 2 :(得分:0)

你无法改变它你应该使用css hacks或javascript来创建自定义文件按钮设计

答案 3 :(得分:0)

嗯,简短的回答是 - 你做不到!该文本是在浏览器中预定义的,这是为了安全。

但是,有很多方法可以使用javascript / css为文件选择按钮添加不同的样式。只需google style file input button行。如果要更改文本,您很可能必须使用按钮的图像。

答案 4 :(得分:0)

我正在寻找同样的东西,我得到了一个解决方案,它可以检查此链接

How to rename HTML "browse" button of an input type=file?

答案 5 :(得分:0)

“浏览”按钮取决于浏览器。 它以不同的方式显示在不同的浏览器中。

您可以制作自定义按钮,在每个浏览器中显示不同的视图 感谢