多语言展示
当前在线:392今日阅读:103今日分享:49

如何去掉file中未选择任何文件

在我们日常开发中经常会用到上传文件file元素,但是原生的file元素样式很丑并且后边会显示“未选中任何文件”,对页面显示效果很不友好,这里就给大家介绍下如何对file元素进行美化以及去掉“未选中任何文件”提示。
工具/原料
1

电脑

2

浏览器

方法/步骤
1

首先我们先编写一个原始的file元素上传文件的代码,具体代码实现如下图:

2

编写好代码后我们进行保存,然后用浏览器运行该html文件,页面效果如下图:

3

看完原始效果,接下来我们就开始对file元素进行修改,实现思路就是对原始的file文件进行隐藏,然后用lable元素的for属性绑定file元素,具体实现代码如下图说是:

4

编写好代码后我们进行保存,同样在浏览器运行该html文件,页面效果如下:

注意事项
1

主要是对for属性以及样式的掌握

2

如果觉得对你有帮助,记得帮忙投票哦!

推荐信息