Я пытаюсь стилизовать ввод файла HTML и испытываю трудности с его выполнением.
Чтобы настроить стиль ввода файла, я вижу несколько блогов, которые более или менее предлагают:
- Добавление ввода с типом = файл
- Добавление метки сразу после ввода
- Создание отображения исходного ввода: скрыто
- Добавление любых стилей Вы хотите, чтобы этикетка
- Вуаля! Ваш ввод файла теперь стилизован
пример:
<input type="file" style="display: none;" required="required" name="some[name]" id="some_name">
<label style="[insert style];" for="some_name">Some Label</label>
Это прекрасно работает по большей части, за исключением одного: если я пытаюсь сделать ввод файла " обязательный », требуемое сообщение об ошибке скрыто, когда пользователь выбирает отправить. Это потому, что ввод файла скрыт.
Мне удалось это исправить с помощью некоторого javascript, но мне было интересно, есть ли еще html / css подход для настройки необходимых файловых вводов.