You can customize your browse button by changing the “file_input_button” css class.
html:
<input type="text" id="fileName" class="file_input_textbox" readonly="readonly">
<div class="file_input_div">
<input type="button" value="Search files" class="file_input_button" />
<input type="file" class="file_input_hidden" />
</div>
css:
.file_input_button
{
width: 100px;
position: absolute;
top: 0px;
background-color: #33BB00;
color: #FFFFFF;
border-style: solid;
}
.file_input_hidden
{
font-size: 45px;
position: absolute;
right: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-khtml-opacity: 0;
-moz-opacity: 0;
}
screenshot:
http://lh3.ggpht.com/_H9pKG-gOXvc/S1egaE6T-OI/AAAAAAAAAL8/_OvR7H5qfc8/s1600-h/image%5B19%5D.png
Follow this link-
http://tiagoe.blogspot.com/2010/01/css-style-typefile-tags.html