ファイル選択ボタンのデザイン(1) display: noneで隠す

<input type="file" id="fileField1" name="fileField1" style=" display:none" />
<button id="button1"  type="button" onclick="document.getElementById('fileField1').click()" />ファイルを選択</button>
<input type="submit">

ファイル選択ボタンのデザイン(2) opacity: 0;で透明にする

<input type="file" id="fileField2" name="fileField2" />
<button id="button1"  type="button" />ファイルを選択</button>
<input type="submit">

ファイル選択ボタンのデザイン(3) 透明で処理したものを解りやすくした例

ファイル選択ボタンのデザイン(4)

<span id="fileField4_wrap">
<input type="file" id="fileField4" name="fileField4" />
  ファイルを選択
</span>
 <input type="submit">

ファイル選択ボタンのデザイン(4)を解りやすく