html - 如何重命名上传文件按钮

Question

如何重命名上传文件按钮。我知道如何设置它的样式，但是重命名按钮是怎么回事？

<input type="file" />

感谢你的回答。

score 4 · Accepted Answer

不可能，但是通过 hack 你可以做到。

尽管你还没有标记jQueryor Javascript，但在这里我想用 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');
});

score 1 · Accepted Answer

1

您可以使用 value="Upload" 之类的东西来更改它

于 2013-07-26T05:46:51.427 回答

score 0 · Accepted Answer

好吧，简短的回答是 - 你不能！文本是在浏览器中预定义的，这是为了安全起见。

不过，有很多方法可以使用 javascript/css 为文件选择按钮添加不同的样式。只是谷歌的东西style file input button。如果您想更改文本，您很可能必须使用按钮的图像来解决。

score 0 · Accepted Answer

浏览按钮依赖于浏览器。它在不同的浏览器中以不同的方式显示。

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

score 0 · Accepted Answer

0

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

于 2013-07-26T05:40:39.247 回答

5 回答 5