Html 如何从“中删除单击事件”;“未选择任何文件”;显示在“文件上载”按钮旁边

Html 如何从“中删除单击事件”;“未选择任何文件”;显示在“文件上载”按钮旁边,html,css,Html,Css,我有一个文件上传按钮,默认情况下,文本显示为“未选择文件”,点击此文本打开浏览器上传文件,这与按钮本身的功能相同。我希望从文本中删除此单击功能 还有,这是正常的行为吗 谢谢这完全依赖于浏览器,但您描述的是一个文件上载组件。它是由浏览器为您的标记创建的。这一切都是完全标准和正常的。就像将呈现文本框一样,呈现按钮+文本 使用CSS,您可以通过设置其宽度来切断文本,从而完全隐藏文本 您还可以使用另一个元素覆盖它 两者的示例: #隐藏文本{ 宽度:6.5em; } #封面文字+div{ /*边框:1p

我有一个文件上传按钮,默认情况下,文本显示为“未选择文件”,点击此文本打开浏览器上传文件,这与按钮本身的功能相同。我希望从文本中删除此单击功能

还有,这是正常的行为吗


谢谢

这完全依赖于浏览器,但您描述的是一个文件上载组件。它是由浏览器为您的
标记创建的。这一切都是完全标准和正常的。就像
将呈现文本框一样,
呈现按钮+文本

使用CSS,您可以通过设置其
宽度来切断文本,从而完全隐藏文本

您还可以使用另一个元素覆盖它

两者的示例:

#隐藏文本{
宽度:6.5em;
}
#封面文字+div{
/*边框:1px纯绿色*/
右:-5.5em;
顶部:-1.2米;
高度:1米;
宽度:6.7em;
位置:相对位置;
}
隐藏


封面

是的,我知道我可以通过指定与按钮本身相同的宽度来隐藏文本,这将删除文本,但是否存在我可以从默认文本中删除单击事件的方法?它是否正常?标记您的答案,因为我觉得您的答案确实满足了我的要求。这是正常的,因为就浏览器而言,这是一个元素,而不是两个元素。我给出的第二个选项并没有真正从文本中消除click处理程序,但它产生了相同的效果。