changer le style d'un bouton parcourir

[bryony]

je suis en train de créer un logiciel en html et php, j'ai donné à tous mes boutons un style particulier avec ce code :

Code: Tout sélectionner

<input type="button" value="OK" onClick="une_action()" style="background-color : #CCCC99; font-family: System; font-weight: bold; color: #997700; border-color:#997700;">

mais j'ai un bouton "parcourir" et j'aimerais pouvoir modifier son style, pour le créer j'ai utilisé le code suivant :

Code: Tout sélectionner

<form action="mon_action.php" enctype="multipart/form-data" >
<p><font color="#997700"> Insérer une photo : </td><td> <input name="photo" type="file" size="30" maxlength="150" accept="text/*" ></p>
</form>

comment puis-je alors en modifier le style?

merci

[jexl]

Salut, as tu essayé comme ca :

Code: Tout sélectionner

<form action="mon_action.php" enctype="multipart/form-data" >
   <p>
      <font color="#997700"> Insérer une photo :
        </td>
        <td>
            <input name="photo" type="file" size="30" maxlength="150" accept="text/*" style="background-color : #CCCC99; font-family: System; font-weight: bold; color: #997700; border-color:#997700;">
   </p>
</form>


[bryony]

oui j'ai essayé, le style s'applique au champ et pas au bouton.

[jexl]

Salut, je viens de tester, et ca marche bien, voici un code bidon que je viens de faire pour l'expemple, qui marche sans problemes :
<style type="text/css">
<!--
#form1 input {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF6600;
background-color: #FFFFFF;
border: 1px dotted #FF6600;
}
-->
</style>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<input type="file" name="file" />
</form>

[biscuit]

Salut,

Malheureusement, il n'est pas possible de modifier le bouton parcourir d'un <input type='file' avec du CSS...

Ici tu touveras un moyen détourné de faire ce que tu souhaite... http://www.quirksmode.org/dom/inputfile.html

[bryony]

merci bcp !