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

🧨🧨🧨

大家好，我是搞前端的半夏 🧑，一个热爱写文的前端工程师 💻.
如果喜欢我的文章，可以关注 ➕ 点赞 👍 一起学习交流前端，成为更优秀的工程师～ 更多故事—点我探索新世界！

🧨🧨🧨

前言

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

因为以前用的都是框架内的自带的上传组件，第一次自己手写，真的是没经验！

我天真的直接在input上进行了修改。最后却是下面的结果，不说了，基础真的差！！！

input[type="file"]{
color: red;
padding: 20px;
}