修改傳統上傳文件 樣式

老規矩還是先上圖：

傳統的上傳文件樣式：

修改之後的樣式:

 css樣式：

label{
    position: relative;
}
#pic1,#pic2,#pic3{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
#btn1,#btn2,#btn3{
    padding: 5px 5px;
    background: #00b0f0;
    color: #FFF;
    border: none;
    border-radius: 5px;
}

jsp 代碼：

<form method="post" id="uploadForms3" enctype="multipart/form-data">
    <div id="span_3">
        <label for="pic1">
            <input type="button" id="btn3" value="上傳其他證件" style="width: 100px;">
            <input type="file" id="pic3" οnchange="doUpload(3)" name="pic">
        </label>
    </div>
</form>

到這裏就結束了