input type=file css 수정하기

file 입력시 사용하는 <input type="file" ........... /> 태그는 수정이 안되나보다.

겹쳐서 투명하게 만들었다.

이런 코딩은 싫지만.......... ㅠㅠ..........필요하다면 해야지


<!--파일 첨부 버튼-->
<div class="member-file-input-div">
<input type="button" value="파일첨부" class="member-batch-btn" style="float: left;" />
<input type="file" name="userExcelFile" class="member-upload-input-form member-file-input-hidden"
        
ng-model="userExcelFile"
onchange="javascript:document.getElementById('fileName').value = this.value" style="cursor: pointer;" />
</div>
<input id="fileName" class="member-batch-input" readonly="readonly" />
<!-- 파일 첨부 버튼 끝-->


.member-batch-btn {
height: 30px;
padding: 0 10px;
background-color: #838383;
color: #fff;
font-size: 12px;
text-decoration: none;
border-radius: 3px;
}
.member-batch-btn a {
color: #fff;
text-decoration: none;
}
.member-file-input-div {
position: relative;
overflow: hidden;
display: inline-block;
}
.member-file-input-hidden {
position: absolute;
opacity: 0;
float: left;
width: 65px;
height: 100%;

filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}
.member-batch-input {
width: 300px;
display: inline-block;
background-color: #fff;
position: absolute;
padding: 5px 0 0 6px;
}