Rendre transparent un champs d'un formulaire

Résolu
emma3345 Messages postés 11 Statut Membre -  
 romance -
Bonsoir,
j'aimerais bien savoir si c'est possible de rendre la case (champs de saisie) d'un formulaire transparent.
voici une partie de mon code: 
<input type="text"  name="case1" value="toto">

je cherche à rendre la case où se trouvera toto transparente.
je parle de la bordure de la case
Merci
Configuration: Windows XP
Internet Explorer 7.0

3 réponses

  1. vangar
     
    Pour enlever la bordure, utilise CSS 
    <input type="text"  name="case1" value="toto" style="border:0px">

    Ou si c'est pour rendre toute la textbox transparente, c'est: 
    <input type="text"  name="case1" value="toto" style="background-color:transparent">


    Ou, essaye un mixe des deux! :p
    10
    1. chris
       
      ce bout de code propose ne marche pas
      0
    2. benjize
       
      si il marche tres bien :)
      0
    3. webmaster
       
      je confirme il marche très bien
      0
    4. romance
       
      oui il marche trop bien ton code merci fiston
      0
  2. emma3345 Messages postés 11 Statut Membre
     
    comment l'ecrire dans une feuille de style et comment l'apeller de mon input.
    Merci
    0
    1. Dalida Messages postés 7114 Date d'inscription   Statut Contributeur Dernière intervention   923
       
      salut,

      dans une feuille de style tu ajoutes la règle suivante : 
      input{
background-color:transparent;
}

      et tous les <input> auront un fond transparent.
      si tu ne veux l'appliquer qu'à un seul utilise une classe :
      en html : 
      <input class="trans">

      en css : 
      input.trans{
background-color:transparent;
}


      ou alors tu ne touches pas au html et utilises l'attribut 'name' comme sélecteur en css : 
      input[name="case1"]{
background-color:transparent;
}
      0
    2. emma3345 Messages postés 11 Statut Membre
       
      voila ce que j'ai faite, ca ne marche pas.
      dans mon formulaire j'ai fait cà 
      echo '<input  type="text" class="trn" name="toto" value= "?">';

      et dans la feuille de style, j'ai fait ceci 
      input[name="case1"].trn{
background-color:transparent;
}

      Merci pour votre aide
      0
      1. KmiK Messages postés 24 Statut Membre 31 > emma3345 Messages postés 11 Statut Membre
         
        bonjour 
        echo '<input  type="text" class="trn" name="toto" value= "?">';


        et dans la feuille de style 
        input.trn{
background-color:transparent;
}

        pour tout les champ de class trn

        ou 

        echo '<input  type="text" id="trn" name="toto" value= "?">';


        et dans la feuille de style 
        input#trn{
background-color:transparent;
}


        juste pour ce champ

        cordialement

        PS: je ne suis pas sur que IE7 prenne en compte les attribut d'element HTMTL en CSS, peut-etre me trompe-je. en tout cas IE6 ne le fait pas
        0
    3. camillw
       
      :)
      0
  3. emma3345 Messages postés 11 Statut Membre
     
    merci cà marche
    0

Discussions similaires

Ecran BenQ "Input signal out of range"
marlene -
usman000 -

14 réponses
No video input
ChouNell -
poupougne13 -

30 réponses
Deuxième écran connecté mais non détecté "no signal input"
Altarisus -
Altarisus -

8 réponses
Message "Input not supported" qui s'affiche
Jean Bart -
Jean Bart -

12 réponses
comment désactiver out of range
lzri98 -
jeannets -

3 réponses