Re-réglage du code CSS pour les boutons de formulaire

Question

J'ai utilisé une réinitialisation CSS pour réinitialiser certains éléments couramment utilisés. Le code est le suivant:

html, body, div, h1, h2, h3, h4, ul, ol, li, form, input, fieldset, textarea { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
} 
ul {list-style: none outside none;} 
img, fieldset {border: 0;} 
h1, h2, h3, h4 {font-weight: normal;} 
em {font-style: italic;} 
strong {font-weight: bold;} 

Je sais qu'il ya remise à zéro de YUI et Meyer, mais je l'utilise celui-ci.

Maintenant, le problème que je rencontre est que je ne peux pas obtenir le soumettre des boutons pour regarder à nouveau normalement. Je pouvais enlever la ofcourse input de la liste et faire avec elle, mais je voudrais savoir comment le récupérer, car je pourrais avoir besoin à l'avenir.

Answer 1

input[type="submit"] 
{ 
    background-color: buttonface; 
    border: 2px outset buttonface; 
    color: buttontext; 
} 

Answer 2

Cela peut être une bonne idée de parcourir les propriétés que vous avez modifiées en utilisant javascript ou même de simplement regarder par quelque chose comme firefox pour obtenir les bonnes valeurs, alors vous seriez en mesure de les régler par défaut. De mémoire, je pense qu'il y a des différences de taille assez importantes dans les tailles de boutons par défaut entre IE, FireFox et Safari - je n'utilise pas vraiment d'opéra, mais je suppose qu'il y a des problèmes de taille - donc si vous deviez définir un padding sur le bouton en CSS, il pourrait ne plus s'afficher correctement dans Safari et Firefox.