Отрегулируйте размер кнопки загрузки файла

Question

Я хочу настроить размер раздела «Обзор», видимого в кнопке загрузки файла в HTML.Когда я пытаюсь настроить размер с помощью атрибутов "size" или "width", уменьшается только весь размер.Но я хочу, чтобы был уменьшен только размер части кнопки «Обзор», а не часть текстового поля, отображающая путь к файлу.Могу ли я сделать это без использования CSS?Если да, то как?

Answer 1

Очень сложно изменить внешний вид кнопки «Обзор», поскольку она обычно встроена в браузер.

Однако на Quirksmode.org | Стилизация ввода type = "file" есть длинный пост, в котором обсуждаются сложные методы CSS для изменения внешнего вида элементов ввода файла.

Answer 2

Элемент ввода файла общеизвестно сложно стилизовать. Одна из проблем заключается в том, что это действительно один элемент, даже если он отображается как два элемента.

Один из подходов - скрыть весь элемент за кулисами и вместо этого предоставить пользователю пользовательские элементы. Вот статья об этом. По сути, элемент ввода файла скрыт, и некоторые пользовательские элементы, поддерживаемые некоторым JavaScript, обрабатывают пользовательский интерфейс и передают необходимую информацию в файл.