How to apply styles on input type=file button

问题:

I want to apply styles on input type=file's upload button to make it attractive as like bootstrap buttons. Is there any way to apply styles on this button. Is there any support for it in bootstrap ?

回答1:

The common solution would be give your input[file] a opacity:0 and postion:absolute(make sure the parent element has position:relative), then let it appear on your normal bootstrap button.

See this demo I create for you.

回答2:

Please refer to this article for styling input type = file upload buttons

http://www.quirksmode.org/dom/inputfile.html