html - How to move "Choose file" to the right of "No file chosen" in <input type = "file"/> with css -

this question has answer here:

• css , <input type='file'> - discussion 3 answers

i wondering if there way change placement of "choose file" , "no file chosen" "no file chosen" area appears before "choose file". don't want change html, want change css.

<input type="file" id="upload" name="files[submission_1]" size="22" class="form-file" /> 

here save time http://jsfiddle.net/x8wcu/

unfortunately not possible because browser decides how displayed.

however can customise way looks using hack. hide file input setting opacity 0 , putting div on top of it.

check fiddle.