При рендеринге:
<input type="file" />
вы получаете коробку и кнопку, верно? (По крайней мере, в Firefox и IE.)
С одной стороны, в Firefox вы можете только вкладывать (фокусировать) кнопку, но в IE вы можете вкладывать, чтобы (фокусировать) как поле, так и кнопку.
С другой стороны, я хочу, чтобы IE вел себя как Firefox, я имею в виду, мне нужно избавиться от фокуса окна. Подумайте о пользователе, который перемещается по клавиатуре.
(Причина в том, что <input type="file" />
не будет виден. Вместо этого <div>
с фоновым изображением будет выглядеть как <input type="file" />
.)