Он работает по-разному в разных браузерах. Я предполагаю, что это потому, что тип ввода файла довольно особенный.

Какой браузер / версию вы используете?

Я знаю, что IE6 не поддерживает указание типа в стиле.

Как это работает в разных браузеры

IE7 +

Работает отлично.

FireFox

Проблема исправлена, теперь она работает отлично. См. отчет об ошибке по этой проблеме.
В версии 3.5 это вообще не работало.

Chrome и Safari _{^{(идентичное поведение)}}

Использует стрелку над кнопкой, но ваш определенный курсор над остальными.

Opera

Работает отлично.

Обратите внимание, что есть несколько обходных путей с использованием различных методов, которые позволят решить эту проблему. Ответ от BjarkeCK - это элегантное решение, которое мне нравится, и оно работает во всех основных браузерах.

Попробуйте использовать:

input[type=file] {
  cursor: pointer; cursor: hand;
}

Посмотрите, работает ли это. Мне пришлось положить указатель + руку в мою, чтобы он работал в FF / Chrome / и т. Д. Кроме того, я не уверен, имеет ли это значение, но я не думаю, что в CSS есть кавычки вокруг слова «файл».

Во-первых, ваш код работает в Internet Explorer, но не в Firefox.

Во-вторых, стандарт W3C Css не позволяет стилизовать сложные теги, такие как . Даже для свойства курсора.

Наконец, см. эту страницу . Я не пробовал его решение, поэтому расскажите нам, работает ли оно и как.