Styling an input type=“file” button

Question

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

Answer 1

Here we use a span to trigger input of type file and we simply customized that span, so we can add any styling using this way.

Note that we use input tag with visibility:hidden option and trigger it in the span.

.attachFileSpan{
color:#2b6dad;
cursor:pointer;
}
.attachFileSpan:hover{
text-decoration: underline;
}

 Customized input of type file 


        
        Attach file
        

Reference