自定义input[type=file]上传按钮样式的四种方案 你知道几种？

目录

前言方案1 opacity: 0;实现 方案2 display:none样式元素选择 ：label样式元素选择：其他元素 ::file-selector-button兼容性用法

????????????

大家好，我是搞前端的半夏 ????，一个热爱写文的前端工程师 ????.

如果喜欢我的文章，可以关注 ➕ 点赞 ???? 一起学习交流前端，成为更优秀的工程师～ 更多故事—点我探索新世界！

????????????

前言

最近在制作公司官网的时候，遇到了上传文件按钮。这玩意真的恶心啊。因为没有用框架，在谷歌浏览器中，这家伙长这样，属实是