Comment puis-je rendre les boutons de saisie exactement identiques dans tous les navigateurs?

Question

Je styling mes boutons de formulaire comme ceci:

/* CSS RESET */ 
* { margin: 0; padding: 0; } 
... 
form input.button { 
    padding: 2px; 
} 
... 
<input class="button" name="submit" type="submit" value="Login" /> 

Mais ils ressembler à ceci:

Quelle est la meilleure façon de faire des boutons sont exactement les mêmes dans tous les navigateurs ?

Answer 1

Quel est le plus facile façon de faire des boutons regarder exactement la même chose dans tous les navigateurs?

Utilisez une image.

Je ne pense pas que vous l'obtiendrez exactement le même navigateur autrement. Vous pourriez vous rapprocher de CSS, mais vous allez passer un peu de temps et de frustration (une réinitialisation du CSS pourrait rendre cela un peu plus facile).

Answer 2

Découvrez Formalize.