style input par défaut

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : style input par défaut

par Victor BRITO » 01 avr. 2009, 18:26

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 ? ;)

par Ryle » 01 avr. 2009, 18:18

Code : Tout sélectionner

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

style input par défaut

par Invité » 01 avr. 2009, 14:34

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.