What's causing the button to not allow file selection when clicked on? Interestingly, placing a span or div in the label enables file selection upon clicking them, but not with the button.
<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>