Bootstrap4文件上传控件美化

Bootstrap拯救了不太会html+css的我，同时Bootstrap也太方便了，但是，也有一点受限默认一些功能看不到了，今天用到文件上传控件，HTML默认的和Bootstrap4的自定义的都不太合适。

参考：https://blog.csdn.net/qq_34559890/article/details/89675998

Bootstrap4的自定义的，右端的“Browse”很碍眼，选择上传文件并不显示上传文件的名字，看不到就不确定是否选择了上传文件。

HTML默认的，按钮不是常见Button，没法应用BootStrap4美化，可是右边显示上传文件的文件名。

网上看了一些，最后自己修改了出来，效果如下：

代码如下：

    


    上传文件

    未上传

目前，可以用了。