Задать вопрос
@Eitewi
css

Почему button блокирует выбор файла?

почему при нажатии на button не предлагается выбрать файл? Хотя он находится в label
<html>
<body>
	<label>
		<input type="file">
		<button class="upload" type="button"></button>
	</label>
</body>

<style>
	label {
		display: block;
		width: 100px;
		height: 54px;

		background: green;
	}

	input {
		display: none;
	}

	.upload {
		background: gold;
		height: 100%;
	}
</style>

</html>
  • Вопрос задан
  • 64 просмотра
3 комментария
Подписаться 1 Сложный 3 комментария
Пригласить эксперта
Ответы на вопрос 1
black1277
@black1277
Вольный стрелок
добавьте в стили кнопки pointer-events: none;
.upload {
    background: gold;
    height: 100%;
    pointer-events: none;
  }

и всё заработает как надо.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Добавить интеграцию оплаты Telegram Payments 2.0 в Mini App (React)
23 нояб. 2024, в 23:30
3000 руб./за проект
Нарисовать инфографику в 3-х вариантах
23 нояб. 2024, в 23:03
1 руб./за проект
Выполнить анализ данных
23 нояб. 2024, в 22:38
2500 руб./за проект
Ещё заказы