Bonjour,

J'ai un html:file dans ma page qui fonctionne très bien seulement je ne parviens pas à modifier le style du bouton parcourir. J'ai fais des recherches et j'ai souvent trouvé que c'était impossible mais qu'il y avait des parades. J'ai essayé quelques trucs mais sans aucun succés. Voilà le code du html file qui fonctionne trés bien:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
<html:file name="rapportActivite" property="paye" size="10px" styleClass="inputFile"/>
<html:submit value="Joindre" styleClass="bouton" 
				            onmouseout="this.style.borderColor='#cccccc'; this.style.color='#505050';"
				            onmouseover="this.style.borderColor='#00A7D1'; this.style.color='#00A7D1';"/>
Et voici le code de ma dernière tentative:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<div width="50px" id="divFile">
<input id="paye"  name="rapportActivite" class="inputText" type="text" />
<input onmousedown="return false" onkeydown="return false" class="inputFile"
							 onchange="document.getElementById('paye').value = this.value" type="file"/>					
</div>
Et enfin le code de mes styles css:

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 #divFile
{
position : relative;
width : 50px;
height: 20px
}
 .inputFile
{
opacity : 0; /* for !IE */
filter : alpha(opacity=0); /* for IE */
position : absolute;
text-align : center;
background: #f4f4f4  2px 4px no-repeat;
border: 1px solid #cccccc;
height: 20px;
color: #505050;
}
 .inputText
{
width : 70px;
}

Pour ma dernière tentative je n'ai plus de bouton parcourir du tout!! Je suis sur cette modification depuis ce matin je ne sais donc plus quoi essayé!!Merci d'avance de votre aide qui me sera très précieuse.