file样式

<div class="fileinput-button">
            上传<input type="file">
</div>

 

<style>

.fileinput-button {
     position: relative; 
     overflow: hidden; 
     background: #1E9FFF; 
     width: 70px; 
     height: 30px; 
     color: #F7F7F7; 
     font-size: 14px; 
     text-align: center; 
     border: 0; 
     border-radius: 5%; 
     line-height: 30px;
 } 
 .fileinput-button:hover { 
    background: #FF8650;
 } 
 .fileinput-button input { 
     position: absolute; 
     top: 0; 
     right: 0; 
     margin: 0; 
     opacity: 0; 
     -ms-filter: 'alpha(opacity=0)'; 
     font-size: 200px; 
     direction: ltr; 
     cursor: pointer; 
 } 

</style>