html:file modification couleur bouton parcourir
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:
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:
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:
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.
