border transparent ?

Version imprimable

24/07/2006, 00h58
PadaBen

Salut : <textarea> et <input> border transparent ?

j'ai dans un formulaire bien évidement des balises input et textarea, ma DA, me demande de faire disparaitre la bordure et le fond du champ

Comment faire, j'ai bien évidement en CSS modifié mes balises pour le fond, quoique le mode "transparent ne fonctionne pas !!
déjà si vous avez des infos pour cela , je les veux bien

Ensuite en ce qui concerne les bordures, qui montrent une profondeur de champ, je voudrais donc les faire disparaitre, mais je n'ai rien trouvé à ce sujet, en css2, il existe "outline-color" ou bien "empty-cells faisant appel à hide, mais en les intégrand comme ceci :

<input name="commentair" style="width:150px; height:250px; font-size:10px; empty-cells:hide" />
cela ne fonctione pas non plus !

Merci de votre aide,

Pb
24/07/2006, 10h18
Tdeny

Bonjour, tu pourrais mettre ton code en exemple et expliquer un peu mieux.
:
Merci.j'ai dans un formulaire bien évidement des balises input et textarea, ma DA, me demande de faire disparaitre la bordure et le fond du champ
Lequel ?

quoique le mode "transparent ne fonctionne pas !! pourquoi faire ?

Ensuite en ce qui concerne les bordures, qui montrent une profondeur de champ, je voudrais donc les faire disparaitre, mais je n'ai rien trouvé à ce sujet, en css2, il existe "outline-color" ou bien "empty-cells faisant appel à hide, mais en les intégrand comme ceci : Quelles bordures ?

un bout d'code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form enctype="text/plain" name="formulaire" method="post" action="infos.php">
  			<table>
				<td width="164">
				<tr>
				  <td>Nom : <input name="nom" type="text" size="20" id="nom" style="width:68px; height:10px; font-size:10px;"></td>
				</tr>
				<tr>
				  <td>Pr&eacute;nom : 
				    <input name="pre" type="text" size="16" id="pre" style="width:52px; height:10px; font-size:10px;" /></td>
				</tr>
				<tr>
				  <td>e-mail : 
				  <input name="mail" type="text" size="18" id="mail" style="width:60px; height:10px;font-size:10px;" /></td>
				</tr>
<tr>
<td><textarea name="com" cols="15" rows="20"></textarea>
</td></tr>
</table>
</form>

Admettons cet exemple de formulaire ,
Est il possible dans les champs des balises input et textarea d'enlever les contours et les fonds, par exemple pour y mettre un autre fond, ou un fond transparent et des bordures transparentes ou meme inexistantes..

voilà j'espere que cela peut vous aider !!

merci

Balise code ajoutée par giminik

24/07/2006, 17h48
giminik

Salut,
La prochaine fois, pense à utiliser la balise CODE.
Essaie avec border:none; pour supprimer la bordure.
Pour la couleur de fond, utilise background-color:transparent; ça devrait marcher.

les proprietes border et background ne posent pas de probleme avec les balises de formulaire input et textarea

Code:

1
2
3
4
input, textarea {
border: 0;
background: transparent;
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<form enctype="text/plain" name="formulaire" method="post" action="infos.php">
  			<table>
				<td width="164">
				<tr>
				  <td>Nom : <input name="nom" type="text" id="nom" style="width:68px; height:10px; font-size:10px;" value="nom" size="20"></td>
				</tr>
				<tr>
				  <td>Pr&eacute;nom : 
				    <input name="pre" type="text" id="pre" style="width:52px; height:10px; font-size:10px;" value="prenom" size="16" /></td>
				</tr>
				<tr>
				  <td>e-mail : 
				  <input name="mail" type="text" id="mail" style="width:60px; height:10px;font-size:10px;" value="email" size="18" /></td>
				</tr>
<tr>
<td><textarea name="com" cols="15" rows="20">textarea</textarea>
</td></tr>
</table>
</form>

24/07/2006, 18h02
PadaBen

Merci, merci giminik pour ta réponse

Effectivement ce marche tres bien, j'avais pourtant essayé il me semble , cela ne devait pas etre la bonne syntaxe !!

Merci à tous

et @ bientot pour de nouvelles avantures !!

PB