<input type="file" 의 fileField는 기본적으로 찾아보기... 등으로 버튼이 나온다.

디자이너 입장에서는 이부분도 꾸미고 싶을때가 있다..

그럴경우 아래와 같이 적용하는 꼼수도 있다.(플래쉬로 저부분만 하는 경우도 있다..)

<div style="position:relative; width:200px;">
 <input type="text" name="" class="input_file1" style="width:150px;" />
 <img src="찾기버튼 이미지경로" alt="찾기" />
 <div style="position:absolute; top:0; left:0;">
 <input type="file" name="fileUpload" class="input_file1" style="width:200px; opacity:0; filter:alpha(opacity=0); cursor:pointer;" />
 </div>
</div>

간단히 설명을 드리자면 file 필드를 투명값을 줘서 시각적으로는 보이지 않게 되지만, 클릭은 되는형태이다.

결국 보여지는건 이미지와 텍스트필드가 되는것이다.

파일필드에 위치를 찾기버튼에 맞추기 위해 좌표를 준것이며, 그좌표에 기준을 구하기 위해 전체적으로 relative 로 묶는것이다.