Как у input type file убрать кнопку но показывать название файла который мы выбрали?

Question

[Влад ~]

есть input type file можно ли как-нибудь убрать кнопку, но оставить название файла который мы выбрали?

Answer 1

[Сергей delphinpro]

https://yandex.ru/search/?text=customize%20input%20file

Comments

[Mikhail]

Вот зачем так делать? Не можешь ответить, так не вымахивайся. Я гуглил ссылку на яндекс? Я гугли ответ.

Answer 2

[Mikhail]

label {
   cursor: pointer;
   /* Style as you please, it will become the visible UI component. */
}

#upload-photo {
   opacity: 0;
   position: absolute;
   z-index: -1;
}

<label for="upload-photo">Browse...</label>
<input type="file" name="photo" id="upload-photo" />