nous allons voir comment personnaliser le bouton parcourir de type
input="file"
<style type="text/css">
#conteneurFile #divFile
{
position : relative;
width : 250px;
text-align : right;
}
#conteneurFile .inputFile
{
opacity : 0; /* for !IE */
filter : alpha(opacity=0); /* for IE */
position : absolute;
right : 0;
top : 0;
}
#conteneurFile .inputText
{
border : none;
padding : 0px 6px;
background : #def;
width : 130px;
background: transparent url("
http://bormat2.free.fr/image/input.png");
}
#conteneurFile span
{
padding : 1px 10px;
background: transparent url(
'http://bormat2.free.fr/image/btn-choose-file.gif')
;
}
</style>
</head>
<body>
<br />
<fieldset id="conteneurFile">
<div width="" 240px="" id="divFile"><input
id="input_text_file" class="inputText"
readonly="readonly" type="text" /><input
onmousedown="return false" onkeydown="return false"
class="inputFile"
onchange="document.getElementById('input_text_file').value =
this.value"
type="file" />
<span>..............</span>
</div>
</fieldset>