html自带的file标签太丑了有木有，并且这东西还不能直接用css修改样式。 不能忍受的file标签 那么有些网站漂亮的file标签样式是怎么做出来的呢，像下面这样： 比较漂亮的file标签样式 原理其实很简单，用z-index【层叠级】和opacity【透明度】，将真正的file标签z-index设高点，并且使之透明，然后在它下面在放一个div用来显示我们需要的样式。这样效果就会实现了。让我们一起实现一下。 1.首先我们需要一个div和一个file标签 + 选择文件 他看起来像是这样的： step1.png 2…