Comment réinitialiser les boutons au style par défaut si j'ai {* padding: 0; margin: 0;} défini?

Question

J'ai une page avec

* { 
padding: 0; 
margin: 0; 
} 

ensemble et il est la seule façon que je peux obtenir la mise en page fonctionne correctement dans tous les navigateurs, mais malheureusement, fait aussi des boutons sous formes ressemble vraiment laid. Je veux le style par défaut du navigateur sur le bouton.

Y at-il un type de CSS que je peux mettre pour le réparer?

Answer 1

Je ne pense pas qu'il existe un moyen de revenir à CSS vers le navigateur une fois que vous avez spécifié une règle qui remplace le style du navigateur (jamais vu un dans toutes mes années, de toute façon).

Je pense que, plutôt que d'une couverture remis à zéro comme ce que vous avez là, vous voudrez peut-être essayer d'utiliser une réinitialisation plus sophistiqué: http://meyerweb.com/eric/tools/css/reset/ ou http://developer.yahoo.com/yui/3/cssreset/

Bien sûr, vous pouvez adapter davantage l'une de ces - mais ils sont fondations assez solides pour CSS.

Answer 2

c'est la seule façon que je peux obtenir la mise en page fonctionne correctement dans tous les navigateurs

Je vous suggère de résoudre ce problème, plutôt que d'essayer de passer outre juste pour les boutons. Cela dit, vous pouvez simplement mettre explicitement le rembourrage de retour dans:

* { 
    padding: 0; 
    margin: 0; 
} 

input[type=button], button { 
    padding: 6px; 
} 

(je ne sais pas si « 6px » est la valeur par défaut, mais vous pouvez expérimenter). En outre, au lieu de simplement définir * avec "padding: 0", vous pouvez essayer l'un des fichiers reset CSS qui le configurent uniquement pour les éléments qui le requièrent.