html:file modification couleur bouton parcourir

**deb31** · 06/08/2009, 16h06

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.

**dev197** · 11/08/2009, 16h07

Salut,

Tu as testé sur quels navigateurs?
As-tu essayé de vider le cache?
Je sais que parfois le problème vient de là mais qu'on n'y pense pas forcément!
J'espère t'aider (un peu)!

Bon courage.

**deb31** · 14/08/2009, 09h48

Bonjour,

oui j'ai vidé le cache mais cela n'a pas marché quand même.
J'ai testé ce code sous FF et IE donc c'est sur qu'il ne marche pas.
Mon problème persiste donc mais merci de m'avoir répondu.