Как применить CSS к файлу типа ввода для установки ширины?

Question

Я хочу установить ширину HTML-тега. А также примените CSS к кнопке обзора, которая указана в файле типа ввода.

Я сослался на следующее -

Есть ли способ установить ширину отображения в Firefox?

также указано ниже-

Настройка одинаковой ширины во всех браузерах

но это для конкретного браузера. Он должен работать на Mozila Firefox, Netscape Navigator, Google Crome, Safari и т. Д., И я не хочу скрывать оригинальный элемент управления вводом.

как это сделать?

Answer 1

Ты не. Это не работает таким образом.

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

В стандарте даже не указано, что для ввода файла должны быть поле ввода и кнопка. Браузер может отображать элемент управления любым удобным для него способом, а некоторые браузеры отображают его по-разному, например, с помощью кнопки и текстовой метки.

Answer 2

Короткий ответ: вы не можете по-настоящему стилизовать входной файл, и это так по замыслу.однако для вас доступны некоторые приемы, например: http://www.quirksmode.org/dom/inputfile.html