Resize the input type=“file” browse button in firefox?

Question

Is there anyway using CSS or JS that you can resize the input type=\"file\" Browse button in firefox?

I know you cannot change the text of the button but all I need to d

Answer 1

As for me, Zhenya Shevchenko gave one of the best working solutions. Using his method, we can create cross-browser file input button: http://jsfiddle.net/JHcFR/

    


.fileInput {
  overflow: hidden; width: 500px; height: 200px; background: red;
}
.fileInput input {
  font-size: 200px; opacity: 0;
  float: right; filter: alpha(opacity=0); /*IE*/
}