項目實際運用中對于檔案選擇框的樣式有一定的要求,但是檔案選擇框本身對于樣式的支援有限,是以一般的處理方式采用的是遮罩的形式,也就是使用特定的div遮蓋檔案選擇框。
<style type="text/css">
.fileInputContainer{
height:px;
background:url(http://images.cnblogs.com/cnblogs_com/dreamback//o_ff6.png);
position:relative;
width: px;
}
.fileInput{
height:px;
font-size: px;
position:absolute;
right:;
top:;
opacity: ;
filter:alpha(opacity=);
cursor:pointer;
}
</style>
<div class="fileInputContainer">
<input class="fileInput" type="file" name="" id="" />
</div>