input type="file" 自定义

css部分

<style>

    label{
        position: relative;
    }
    #fileinp{
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }
    #btn{
        margin-right: 5px;
    }
    #text {
        color: red;
    }

</style>

 hml部分

<label for="fileinp">
<img src="***" id="file-selector_img0"  width="300px" height="150px"/>
<input type="file" id="fileinp" >
</label>

我用的图片代替 你也可以自己定义 只要在<label for="fileinp"></label>中可以自己定义自己想要的样式