input[type=file]样式的修改

默认样式：

<input type="file" name="files" id="uploaddocumentfile" multiple="multiple"/>

 

修改后样式：

将input[type=file]的opacity设置为零，点击需要执行的部分用长宽设定死覆盖，自己写样式。

​
<style>
    .file-btn{
        width: 72px;
        height: 32px;
        background: rgba(247,247,247,1);
        border: 1px solid rgba(230,230,230,1);
        border-radius :4px;
        color: #7A79FF;
        font-size: 12px;
        text-align: center;
        display: inline-block;
    }
    .btn-behind{
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333;
        padding-left: 8px;
    }
    #uploaddocumentfile{
        opacity: 0;