Styling an input type=“file” button

Question

How do you style an input type=\"file\" button?

Answer 1

Put upload file button over your nice button or element and hide it.

Very simple and will work on any browser

    upload_file
    

Styles

.upload-wrap {
    position: relative;
}

.upload-btn {
    position: absolute;
    left: 0;
    opacity: 0;
}