changer le style d'un bouton parcourir

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par bryony, 2 Septembre 2006.

  1. bryony
    bryony Nouveau WRInaute
    Inscrit:
    2 Septembre 2006
    Messages:
    3
    J'aime reçus:
    0
    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:
    <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:
    <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
     
  2. jexl
    jexl WRInaute discret
    Inscrit:
    23 Juin 2005
    Messages:
    166
    J'aime reçus:
    0
    Salut, as tu essayé comme ca :

    Code:
    <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>
    
     
  3. bryony
    bryony Nouveau WRInaute
    Inscrit:
    2 Septembre 2006
    Messages:
    3
    J'aime reçus:
    0
    oui j'ai essayé, le style s'applique au champ et pas au bouton.
     
  4. jexl
    jexl WRInaute discret
    Inscrit:
    23 Juin 2005
    Messages:
    166
    J'aime reçus:
    0
    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>
     
  5. biscuit
    biscuit WRInaute occasionnel
    Inscrit:
    5 Juin 2006
    Messages:
    425
    J'aime reçus:
    0
    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
     
  6. bryony
    bryony Nouveau WRInaute
    Inscrit:
    2 Septembre 2006
    Messages:
    3
    J'aime reçus:
    0
    merci bcp !
     
Chargement...
Similar Threads - changer style bouton Forum Date
changer style d'un label quand bouton radio checked Développement d'un site Web ou d'une appli mobile 25 Février 2016
Quel est l'impact SEO de changer le titre des pages et la balise H1 chaque mois? Débuter en référencement 11 Avril 2022
Quantcast - Comment changer le titre "Le respect de votre vie privée est notre priorité" Développement d'un site Web ou d'une appli mobile 19 Octobre 2021
Changer la couleur du background d'un <tr> Développement d'un site Web ou d'une appli mobile 11 Février 2020
Changer le mdp sans connaitre l'ancien chez Digital Ocean Administration d'un site Web 6 Janvier 2020
Le monde vient de changer (Bert inside) Référencement Google 10 Décembre 2019
Article fixe avec bannière changer souvent Crawl et indexation Google, sitemaps 9 Octobre 2019
Changer de mot clé ? Référencement Google 5 Août 2019
Changer la police de la SERP Référencement Google 16 Juillet 2019
Changer mon url canonique oui / non ? Débuter en référencement 26 Mai 2019
changer les meta title trop souvent est il négatif? Débuter en référencement 29 Décembre 2018
Changer de nom de domaine Noms de domaine et référencement 28 Novembre 2018
changer nom de domaine/ theme Noms de domaine et référencement 21 Octobre 2018
Faut-il changer la date à chaque mise à jour ? Débuter en référencement 19 Juin 2018
Process pour échanger une liste d'emails entre client et prestataire Droit du web (juridique, fiscalité...) 2 Janvier 2018
Changer design du site et nom de domaine en même temps Demandes d'avis et de conseils sur vos sites 19 Décembre 2017
Changer l'indexation de https à http Débuter en référencement 8 Décembre 2017
Démarche pour changer d'URL sans perdre en référencement ? Référencement Google 4 Décembre 2017
Profiter du passage https pour changer URL Débuter en référencement 2 Octobre 2017
Changer permalien wordpress URL Rewriting et .htaccess 27 Juillet 2017