webkit: file upload button not completely cursor pointer

Check with chrome on materializecss.com/forms.html, hover mouse over file upload button. Only the bottom area of the button shows the pointer cursor, the text overlays the button at the top.

To fix this, add this:

.file-field input[type=file]::-webkit-file-upload-button {
  display: none;
}

[DanielRuf]

Please test the following code

.file-field input[type=file]  {
    text-indent: -999px;
}

.file-field .btn, .file-field .btn-large {
    position: relative;
    overflow: hidden;
}

[kamleshwebtech]

input[type=‘file’]{ opacity: 0; cursor: pointer; width: 24px; height: 24px; font-size: 0; position: absolute; }

cursor:pointer does not work on input file just because of the default button. No special reason here. You need to remove its appearance via this code, pay attention with font-size:0.

It works perfectly on Chrome, Firefox and IE for me. I hope, this will also help you.