Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to remove default file input style on IE10?

Here is my file input on different browsers. IE10 uses an horrible default style. Any idea about how to remove it?

file input styles

like image 513
Gaston Flanchard Avatar asked Jul 12 '13 15:07

Gaston Flanchard


1 Answers

IE supports a number of pseudo elements for file inputs:

  • ::-ms-value for styling the part where the text is displayed
  • ::-ms-browse for styling the button

Using these you can style both parts of the file input however you wish.

like image 97
David Storey Avatar answered Nov 16 '22 01:11

David Storey