Sujet Précédent Sujet Suivant

Rendre transparent un champs d'un formulaire

Résolu/Fermé
emma3345 Messages postés 11 Date d'inscription mardi 8 mai 2007 Statut Membre Dernière intervention 7 octobre 2007 - 15 mai 2007 à 21:44
 romance - 16 juil. 2016 à 03:07
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

3 réponses

Réponse 1 / 3
vangar
15 mai 2007 à 22:43
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
chris
20 déc. 2009 à 21:41
ce bout de code propose ne marche pas
0
benjize
23 avril 2011 à 04:30
si il marche tres bien :)
0
webmaster
5 juil. 2011 à 15:43
je confirme il marche très bien
0
romance
16 juil. 2016 à 03:07
oui il marche trop bien ton code merci fiston
0
Réponse 2 / 3
emma3345 Messages postés 11 Date d'inscription mardi 8 mai 2007 Statut Membre Dernière intervention 7 octobre 2007
16 mai 2007 à 13:53
comment l'ecrire dans une feuille de style et comment l'apeller de mon input.
Merci
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
16 mai 2007 à 15:20
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
emma3345 Messages postés 11 Date d'inscription mardi 8 mai 2007 Statut Membre Dernière intervention 7 octobre 2007
16 mai 2007 à 17:25
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
KmiK Messages postés 24 Date d'inscription mardi 15 mai 2007 Statut Membre Dernière intervention 21 mai 2007 31 > emma3345 Messages postés 11 Date d'inscription mardi 8 mai 2007 Statut Membre Dernière intervention 7 octobre 2007
16 mai 2007 à 17:54
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
camillw
23 mars 2010 à 02:20
:)
0
Réponse 3 / 3
emma3345 Messages postés 11 Date d'inscription mardi 8 mai 2007 Statut Membre Dernière intervention 7 octobre 2007
16 mai 2007 à 20:01
merci cà marche
0

Discussions similaires

Comment faire le symbole coeur vide/coeur blanc
Paria -
Mouloud -

59 réponses
input signal out of range
marlene -
usman000 -

14 réponses
Couleur transparente
ando26 -
Turtlee -

25 réponses
Fond transparent pour les plans de travail
Quashou -
Quashou -

6 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses