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

Try this one: http://jsfiddle.net/CnHj5/ Works in Firefox and a nice pointer cursor is available.

HTML:

CSS:

input.upload {
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    position: absolute;
    right:0;
    font-size: 200px;
    cursor: pointer;
}
div.upload {
    background-color:green;
    width:200px;
    height:100px;
    position: relative;
    display:block; 
    overflow:hidden;}