Почему курсор не меняется на кнопке ⇐ CSS

[Anonymous]

Я не понимаю, почему курсор не меняется на указатель на кнопке. Я вижу некоторые решения, говорящие, что это из-за z-индекса. Но когда я попробовал использовать z-index, он все равно не работает.

Код: Выделить всё

.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
}

.btn {
border: 2px solid gray;
color: gray;
background-color: white;
padding: 8px 20px;
border-radius: 8px;
font-size: 20px;
font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
}

Код: Выделить всё

Upload a file

Спасибо за любую помощь.

Я обманываю этот код:

https://codepen.io/adambene/pen/xRWrXN

Подробнее здесь: https://stackoverflow.com/questions/568 ... the-button