如何重命名上传文件按钮答案

【问题标题】：How to rename the upload file button如何重命名上传文件按钮
【发布时间】：2013-07-26 06:32:19
【问题描述】：

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

<input type="file" />

感谢您的回答。

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

虽然你还没有标记jQuery 或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');
});

【讨论】：

【解决方案5】：

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

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

【讨论】：