Опция скрепки в моей заявке на отпуск для прикрепления файлов

Question

Я хочу дать варианты

<input id="file" name="file" type="file" />

 

скрепка для загрузки файлов, таких как image, pdf, do c ... например, как мы присоединяемся в Gmail и WhatsApp, как вариант, который я хочу оставить в своем отпуске бланк заявления

Вместо того, чтобы выбирать файлы, я хочу опцию скрепки, как эта опция скрепки

Answer 1

Проверьте приведенный ниже фрагмент, используя шрифт awesome.

.fa {
 font-size: 40px!important;
 color: grey;
 cursor: pointer;
}

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<label for="file">
 <i class="fa fa-paperclip"></i>
</label>
<input id="file" name="file" type="file" multiple hidden />