在我们日常开发中经常会用到上传文件file元素,但是原生的file元素样式很丑并且后边会显示“未选中任何文件”,对页面显示效果很不友好,这里就给大家介绍下如何对file元素进行美化以及去掉“未选中任何文件”提示。
工具/原料
1
电脑
2
浏览器
方法/步骤
1
首先我们先编写一个原始的file元素上传文件的代码,具体代码实现如下图:
2
编写好代码后我们进行保存,然后用浏览器运行该html文件,页面效果如下图:
3
看完原始效果,接下来我们就开始对file元素进行修改,实现思路就是对原始的file文件进行隐藏,然后用lable元素的for属性绑定file元素,具体实现代码如下图说是:
4
编写好代码后我们进行保存,同样在浏览器运行该html文件,页面效果如下:
注意事项
1
主要是对for属性以及样式的掌握
2
如果觉得对你有帮助,记得帮忙投票哦!
上一篇:csol怎么稀释烟雾
下一篇:橡胶膨胀节的订货须知