Hide the browse button on a input type=file

Question

Is there a way to hide the browse button and only leave the text box that works in all browsers?

I have tried setting the margins but they show up different in each

Answer 1

the best way for it

Click Me 

And you can style your "label" element

#file { 
   display: none;
}
.file-trigger {
/* your style */
}