Как изменить input type file?

Question

[Владимир]

Подскажите как убирается стандартное отображение type=file = Выберите файл/файл не выбран, а оставить мои стили = Загрузить файл.

Answer 1

[BKaiyrbekov]

пробуй так

<label for="file" class="feedback__label">
  <span class="feedback__text">Документы</span>
  <input type="file"  id="file" class="feedback__file">
</label>

.feedback__file {
  display: none;
}

Comments

[Владимир]

BKaiyrbekov когда я так делаю с display:none у меня мой before тоже исчезает

[BKaiyrbekov]

Владимир, а :before задаешь к этому классу .feedback__label
Документы

[Владимир]

BKaiyrbekov, да действительно, мог бы и сам догадатсься,
а разметка именно такая должна быть? со спаном? когда я твою оставлю то спан снизу и вверху кнопка отправки. поэтому я использовал тег p

<p class="feedback__text">Телефон</p>
							<label for="file" class="feedback__label-file">
							  <input type="file"  id="file" class="feedback__file">
							</label>

если я так сделаю визуально это то что мне нужно

Answer 2

[Дмитрий Комчев]

Способов много. Например, так: Стилизация Input File