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

A voir également:

Input transparent css
Coeur transparent emoji ✓ - Forum Facebook
Code couleur transparent ✓ - Forum Photoshop
Raccourci coeur blanc - Forum Facebook
Coeur vide ✓ - Forum Facebook
Input signal out of range - Forum Ecran

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

chris
20 déc. 2009 à 21:41

ce bout de code propose ne marche pas

benjize
23 avril 2011 à 04:30

si il marche tres bien :)

webmaster
5 juil. 2011 à 15:43

je confirme il marche très bien

romance
16 juil. 2016 à 03:07

oui il marche trop bien ton code merci fiston

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

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
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;
}

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

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

camillw
23 mars 2010 à 02:20

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

Discussions similaires

input signal out of range

Couleur transparente

Comment faire le symbole coeur vide/coeur blanc

Fond transparent pour les plans de travail

Background transparent ?