Suivez les fils RSS
 
Auteur
Syntaxlb
# 18 Mar 2010 - 16:48:39
Citer
16 Posts
Bonjour,

j'aimerai savoir comment modifier graphiquement un élément d'un formulaire, plus particulièrement l'input de type text?

Par exemple celui "Recherche" d'alsacréation est arrondi avec une image à sa gauche ( à l'intérieur ).

Ma première idée serait tout d'abord de créer une div qui présenterai graphiquement l'élément, puis qui mettre à l'intérieur l'input en html, en y masquant les bords?

Merci d'avance

^
Corinne S.
# 18 Mar 2010 - 17:12:56
Citer
Modérateur
2502 Posts
Bonjour,

Pour styler un élément de formulaire, on va utiliser input.
Dans l'exemple choisit, un bête arrière-plan a été affecté à ce dernier.

D'autres possibilités existent comme par exemple le code suivant qui définit une couleur pour le texte, une couleur d'arrière-plan et une bordure à l'élément de formulaire.
input {
color: #4D4D4D;
border: 1px solid #969696;
background: #ECF1F2;
}


Il n'est pas nécessaire d'espérer pour entreprendre, ni de réussir pour persévérer.

http://www.inseo.fr 
^
Syntaxlb
# 19 Mar 2010 - 09:16:14
Citer
16 Posts
Je te remerci pour ta réponse, mais si on applique un arrière plan, cela veut dire que l'input n'est pas extensible? Ou alors il faut utiliser 3 div? ( gauche, centre, droite ), pour y placé l'input dans "centre" ?

^