No styles on 'File Input' form element

[justinthiele]

The styles seems to be broken on the 'File Input' form element.

Here's screenshots from the documentation page:

Firefox

Chrome

[stloyd]

This issue is invalid. Input with type="file" cannot be styled.

[justinthiele]

Right on. Thanks. Closing :)

[jankeromnes]

The index page references to an input-file class that doesn't exist though: https://github.com/twitter/bootstrap/blob/gh-pages/index.html#L1165

[MastaBaba]

Also, there's plenty of content out there that shows that file upload boxes most certainly can be styled. The Blueimp file upload pluging/library, which runs on top of jquery and uses Bootstrap, does just that.

There's no practical reason why file upload buttons styling can not be part of Bootstrap.

[lukmdo]

@stloyd input[type="file"] Input with type="file" cannot be styled AFAIC bootstrap was using file based rules in v1.4.0 but dropped them ... if you mean ...should not be styled then its a different thing.

[findchris]

What @lukmdo said. Seems like bootstrap's bastard form element.
+1 for adding in some file field styling, at least via a jQuery plugin

[railsforcharity]

+1

[fizerkhan]

+1

[itdjship]

+1

[robdodson]

If you set the height to 26px it fixes it in Firefox. Bootstrap explicitly sets it to 30px. As soon as you go 1px over 26, firefox drops the rounded corners and makes the button look all wacky like that. Just checked the 26px fix in Chrome, FF and IE9 and all looks good.