[HTML] Change Text button in input file

[HTML] Change Text button in input file

CSS :









  .happy {

    position: absolute;

    height: 25px;

    width: 90px;

    left:20px;

    opacity: 0;

    filter: alpha(opacity = 1);

    z-index: 2;

    cursor: none;

    border-width: 100px;

}



Javascript :



function Backup()

{

   document.formname.file_name.value = document.formname.browse.value;

}



HTML :



Safari :

<input type=file name=browse style="visibility: hidden" onchange="Backup();" readonly>

<input name=file_name style="margin-left:-215px;">

<button  type="button" onclick="document.forms[0].browse.click();"><span>Select File</span></button>



IE :

<input type=file name=browse class="happy" onchange="Backup();" hidefocus>

<input name=file_name >

<button  type="button" onclick="document.formname.browse.click();" hidefocus><span>Select File</span></button>



FF & Chrome;

<input type=file name=browse style="display:none" onchange="Backup();" readonly>

<input name=file_name>

<button  type="button" onclick="document.formname.browse.click();"><span>Select File</span></button>



Reference :

• 
  Change Text button in input file