Page 1 sur 1

style input par défaut

Posté : 01 avr. 2009, 14:34
par Invité
Bonjour à tous,

Je travaille sur les éléments input d'un formulaire que je souhaite styler.
Pour une raison qui serait longue à expliquer, tous mes input ont actuellement un style comme ceci, par héritage

border: solid 1px black;

Je souhaite appliquer un style qui redonnera à mes input l'aspect par défaut (comme si aucun style n'était appliqué).

J'ai naivement pensé que mettre un border: none suffirait mais ça ne marche pas: on ne voit plus le contour des mes inputs => ils sont invisibles.

D'ou ma question: quelles sont les propriétés css par défaut des bordures d'un input?

Merci pour vos réponses.

Posté : 01 avr. 2009, 18:18
par Ryle

Code : Tout sélectionner

border: inset 2px white;
Ca devrait correspondre :)

Posté : 01 avr. 2009, 18:26
par Victor BRITO
Le problème des styles appliqués par défaut aux éléments de formulaire, c'est que ça varie considérablement d'un navigateur à un autre. Si déjà, à la base, il est difficile d'appliquer des feuilles de style de façon uniforme à ces éléments (quelques suggestions de lecture illustrant ce propos : Alsacréations et 456 Berea Street), revenir en arrière est un exercice encore plus périlleux.

Le mieux serait d'ajouter une classe à tous les éléments input que tu souhaites styler et en les sélectionnant comme suit :

Code : Tout sélectionner

input.ta-classe { border: 1px solid black; }
Pour les autres, tu les laisses tranquilles ; autrement dit, il ne faut pas employer de simples sélecteurs d'élément comme

Code : Tout sélectionner

input { /* Règles CSS appliquables à tous les éléments input */ }
Ai-je été clair ? ;)