Paramètre par défaut

Version imprimable

12/09/2009, 05h41
francois_a

Paramètre par défaut

Bonjour à tous,

J'ai configuré ma feuille de style pour mon site et je cherche comment empêcher que mes boutons hérite des caractéristiques de mon div dans lequel il est contenu.

J'ai trouvé le paramètre inherit mais il n'est pas suffisant.

Existe-il un paramètre que remet tout à défaut pour un élément ?

merci d'avance
12/09/2009, 12h48
Macmillenium

Bonjour,

Citation:

Envoyé par francois_a

J'ai configuré ma feuille de style pour mon site et je cherche comment empêcher que mes boutons hérite des caractéristiques de mon div dans lequel il est contenu.

Quand tu dis boutons, tu parles des éléments INPUT ?
12/09/2009, 13h31
francois_a
oui
Code:

1 2 <input name=bouton type=reset <input name=bouton type=submit...
Mais je veux que pour mes autres input mes choix de configuration restent valable.

J'ai essayé avec :
Code:

1 2 3 4 5 #corps input.bouton { color=inherite; background-color=inherit; }
Mais je suis à la recherche d'un paramètre qui remet tout aux valeurs par défaut s'il existe.

Il n'y a pas moyen de tout remettre a zero, il faut ecraser. Exemple:
Code:

1 2 3 4 5 6 7 8 9 input { /* ceci est le style general de tous tes input */ border: 1px solid blue; background: yellow; } input.special { /* ceci est le style des <input class="special" /> */ border: 1px dashed red; background: gray; }
Le parametre inherit ne t'aidera pas car il veut justement dire d'utiliser le style de l'element parent (le contraire de ce que tu veux faire).

Citation:

Il n'y a pas moyen de tout remettre a zero, il faut ecraser.

Finalement et cherchant un peu j'ai trouve la propriete initial qui semble servir a ca, mais j'ai jamais teste. Du coup c'est plutot:
Code:

1 2 3 4 5 6 7 8 9 input { /* ceci est le style general de tous tes input */ border: 1px solid blue; background: yellow; } input.reset { /* ceci est le style des <input class="reset" /> */ border: initial; background: initial; }

15/09/2009, 14h23
francois_a

Bonjour Damouille,

Cette solution ne fonctionne pas non plus. Je pense que je vais tout remettre à 0 à la main... pas très pratique mais efficace

Merci quand même
15/09/2009, 14h43
Damouille

Citation:

Cette solution ne fonctionne pas non plus

Ca m'ettone qu'a moitie. J'ai trouve ca dans les drafts css3 du w3c. Il doit n'y avoir que les navigateurs avant-gardistes qui l'applique.

J'ai recherche sur google "css match all properties" sans resultat. Bien dommage ce serait pratique un :

* {*:initial}

Tout remettre a zero a la main sachant qu'il existe des dizaines d'elements ayant chacun des dixaines de proprietes...:aie: Dur...
15/09/2009, 15h25
Macmillenium

Citation:

Envoyé par Damouille

Finalement et cherchant un peu j'ai trouve la propriete initial qui semble servir a ca, mais j'ai jamais teste.

Je ne sais pas ou tu as trouvé ça mais "initial" n'existe pas.
Chaque propriété CSS à une valeur initiale, exemple : float:none, position:static, width:auto, height:auto

@francois_a : le comportement que tu décris est un peu étrange, normalement les contrôles de formulaires n'héritent rien.
Pourrais-tu poster le code CSS complet ?
15/09/2009, 15h40
Damouille

Citation:

Je ne sais pas ou tu as trouvé ça mais "initial" n'existe pas.

la: http://www.w3.org/TR/css3-cascade/#initial0

A priori implemente sous Firefox. Les explications en francais ici: https://developer.mozilla.org/fr/CSS/initial
15/09/2009, 16h28
Macmillenium

Euh ... pas FF3.5 mais Safari4 oui.
Intéressant comme module :)
26/09/2009, 01h49
francois_a

Bon j'ai tout refait le CSS et çà fait ce que je veux. Dommage qu'une telle option n'existe pas !
Merci encore pour les infos ;)