隐藏输入[type ='file']的选择文件按钮而不用简单的css隐藏文件选择的名称[重复]答案

【问题标题】：Hide choose file button of input[type='file'] without hiding file choosen name with simple css [duplicate]隐藏输入[type ='file']的选择文件按钮而不用简单的css隐藏文件选择的名称[重复]
【发布时间】：2020-06-13 14:08:37
【问题描述】：

如果您想删除默认的选择文件按钮而不删除文件名标签，这里是简单的 CSS 解决方案。

【问题讨论】：

来自副本：stackoverflow.com/a/16314435/8620333 .. 你也应该写一个有效的问题。 SO 不是一个分享教程或技巧的博客，它是一个问答网站。即使您会回答自己的问题，也必须是有效的问题

标签： html css forms input

【解决方案1】：

在这里，您可以轻松删除输入类型文件的选择文件按钮，而不会丢失文件名标签，只需简单的 CSS。

input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

【讨论】：