Discussion :

[francois_a]

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

[Macmillenium]

Bonjour,

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 ?

[francois_a]

oui

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Damouille]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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).

[Damouille]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[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

[Macmillenium]

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 ?