28197 sujets

CSS et mise en forme, CSS3

Bonjour, j'aimerai bien avoir le style css par défaut de chaque élément.
je voudrais priorité le style css par défaut de input. Je cherche sur internet et à chaque fois je me retrouve avec des tests de style, moi je veux le style de base.

merci d'avance
Modifié par dafp (12 Nov 2011 - 20:54)
dafp a écrit :
je voudrais priorité le style css par défaut de input.

Le style CSS par défaut des INPUT:
- dépend très fortement du type d'input concerné;
- ne peut généralement pas être décrit en CSS2 ou CSS3 (enfin ça dépend un peu des navigateurs et de comment ils ont fait leur sauce).

Si tu prends un élément INPUT de type "file" dans Firefox, tu as en fait affaire à trois éléments:
- un élément pour le champ texte;
- un élément pour le bouton;
- un élément à l'intérieur du bouton (qui sert à afficher un outline intérieur au focus sur le bouton).
Ces trois éléments appartiennent au «Shadow DOM» de l'élément INPUT, et tu ne peux généralement pas y avoir accès (via du scripting ou des styles).

Un autre exemple de Shadow DOM c'est l'interface de controle des éléments AUDIO et VIDEO dans Firefox (ou dans les autres navigateurs d'ailleurs). Tu as là plusieurs éléments représentant divers boutons, sliders, overlay, et ces éléments ne sont pas décrits uniquement via des styles CSS du User-Agent appliqués à l'élément AUDIO ou VIDEO lui-même, bien entendu (pour la plupart des navigateurs je soupçonne les contrôles de ces éléments d'être définis en SVG, mais ce serait à vérifier).

Pour des cas plus simples comme les éléments BUTTON (ou INPUT de type "button", "cancel" et "submit"), ce lien peut t'intéresser: http://fvsch.com/code/button-css/