Is there a way to set width of <input type='

Question

All the CSS attributes apply to the <input type='file'/> don't work on FF, but work on most other browsers.

Just can't even set the width. Any solution? No JS please.

Answer 1

Have you set the size attribute?

<input type="file" name="datafile" size="40">

Firefox doesn't support setting the size via CSS.

Answer 2

I wouldn't have a clue if anyone still finds this thread, but just in case...

input[type="file"] {
max-width: 100%;
}

...worked for me. Cuts the overlap off, but at least it doesn't over- or underlap anymore

Answer 3

What if

<input type="file" name="file_to_upload" id="file_to_upload" style="max-width:75px;"> 

For me works in FF 37.0.1. But possibly in older versions does not work