一尘不染

替换html中的文件浏览按钮的最佳方法是什么?

css

我知道,当您将input标记与一起使用时,可以替换HTML中生成的浏览按钮type="file

我不确定最好的方法是什么,所以如果有人对此有经验,请贡献力量。


阅读 379

收藏
2020-05-16

共1个答案

一尘不染

最好的方法是使文件输入控件 几乎 不可见(通过给它一个非常低的不透明度-不要做“ 可见性:隐藏 ”或“ 显示:无
”),并在它下面绝对放一些东西-带有较低的 z-index

这样,实际的控件将是不可见的,并且放置在它下面的任何内容都将显示出来。但是,由于控件位于该按钮上方,因此它仍将捕获单击事件(这就是为什么要使用不透明度,而不是可见性或显示方式-
如果您使用隐藏元素,浏览器将使该元素不可单击)。

本文深入探讨了该技术。

2020-05-16