CSS - Почему управление загрузкой файлов не следует правилу ширины CSS?

Question

У меня есть следующий HTML-код:

<input type='file' class="" maxlength="96" size="16" value="" name='headshot' id='headshot' style="width:21.5em;"/>

Кажется, что значение "size" управляет реальной шириной "headshot", а не CSSЧтобы придать ему идеальную ширину, я должен использовать следующий код:

<input type='file' class="" maxlength="96" size="32" value="" name='headshot' id='headshot' style="width:21.5em;"/>

Знаете ли вы, почему CSS здесь не работает?Я протестировал приведенный выше код в Firefox 3.6.8.

Спасибо

Answer 1

К счастью, читатель Майкл МакГрэйди изобрел очень интересный трюк, который позволяет (более или менее) стилизовать поля загрузки файлов

Смотрите здесь: http://www.quirksmode.org/dom/inputfile.html

Answer 2

Я согласен с приведенным выше ответом, я не верю, что для проверки необходим атрибут size (хотя он может зависеть от того, какое DTD вы используете). Однако пытались ли вы использовать значение! Важное? Он предназначен для того, чтобы по существу сказать, что это высшее значение CSS для этого элемента, но в этом случае он может работать. Это стоит попробовать.

Answer 3

Вы можете попробовать удалить атрибут размера. Я забыл, требуется ли это для проверки или нет, однако ...