0

Possible Duplicate:
What is the best way to replace the file browse button in html?
How to style “input file” with CSS3 / Javascript?

Is possible to change the style of <input type='file' /> ?

If yes , how to change? chrome shows file name which i have been chosen in file browse input.

How to Hide file name in file browse input?

Nica
  • 177
  • 4
  • 17
selva_pollachi
  • 4,147
  • 4
  • 29
  • 42

3 Answers3

2

No, it cannot be changed.

However there is a trick widely circulated around the web. The idea is to give the <input type="file"/> an opacity value of 0.1 and position it on top of an image. For all practical purposes it will be invisible and only the picture will be visible, but it will receive mouse clicks. With some Javascript then you can show the selected file name(s) elsewhere on the page.

Vilx-
  • 104,512
  • 87
  • 279
  • 422
0

You can do with few lines of javascript. Here is the sample demo http://jsfiddle.net/eyjsF/

Sowmya
  • 26,684
  • 21
  • 96
  • 136