파일 첨부폼에서 "찾아보기" 스타일 부탁합니다. 정보
파일 첨부폼에서 "찾아보기" 스타일 부탁합니다.본문
찾아보기 버튼부분은 어떻게 적용해야 하는지
폼에 맞게 예쁘게 꾸며주시면 고맙겠습니다.
즐거운 추석 되세요^^
적용된 스타일
{height:20px; border:1px solid #585858; padding:2px 0 0 2px; background-color:#535353; color:#b4b4b4;}
댓글 전체
ff와 ie 둘다 됩니다. 백그라운드로 깔고 실제버튼은 알파효과로 투명처리 합니다.
<style type="text/css">
.file {width:75px; height:21px;}
.file_find {margin-left:5px; position:relative; overflow:hidden; left:0; top:0; width:75px; height:21px; background:url('./img/btn_file_find.gif') no-repeat; float:left;}
</style>
<div style="float:left;"><input type="text" id="file_name0" class="input1" style="width:235px; height:21px;" /></div>
<div class="file_find"><input type="file" id="file0" name="upload_file[0]" size="0" class="file" /></div>
<script type="text/javascript">
var AppName = navigator.appName;
if (AppName == 'Microsoft Internet Explorer') {
document.getElementById("file0").style.filter = "alpha(opacity:0);";
} else {
document.getElementById("file0").style.opacity = "0";
}
</script>
<script type="text/javascript">
function fileFind(id)
{
document.getElementById("file_name"+id).value = document.getElementById("file"+id).value;
}
function fileAdd()
{
fileFind('0');
}
document.onmouseover = fileAdd;
document.onmouseout = fileAdd;
</script>