Кнопка выбора файла HTML (input type = "file") неправильно отображается в браузере Chrome

Question

У меня есть селектор HTML-файла в файле index.php. Код указан ниже

//index.php (This is just an example)
<form enctype="multipart/form-data" action="http://myserver/abc/upload.php" method="POST">
      Select image to upload :     
      <input name="photo" type="file" size="30" width="250">          
      <input type="submit" value="Upload"/>
</form>

В браузере Firefox я вижу селектор файлов с текстовым полем (в котором отображается путь к файлу) и кнопку с именем «Обзор» (как обычное поле выбора файла)
Но в браузере Chrome я не вижу текстовое поле. Имя кнопки - «Выбрать файл», а не «Обзор».
Как я могу это исправить?
Мне нужно отобразить это во всех браузерах, как это отображается в браузере Firefox

Answer 1

стандартного способа настройки стиля ввода файлов не существует, но вы можете найти массу трюков css / js.используйте ключевые слова: custom css file input

Answer 2

Измените тип файла, добавив этот встроенный стиль

<input name="photo" type="file" size="30" width="250" style="line-height:0;">