Le texte du bouton se décale sur le clic

Question

J'ai remarqué que sur mon site drupal lorsque je clique sur un bouton d'envoi de formulaire, le texte du bouton se déplace d'environ 1px vers la droite dans Firefox (PC), et 1px vers la droite et vers le bas dans IE et Opera. Dans Chrome, cela n'arrive pas du tout. Cela semble bâclé. Quelqu'un sait-il pourquoi cela se produit et s'il est possible de l'empêcher? J'utilise le thème de la guirlande et un sous-thème zen et ça se passe dans les deux.

Merci

Answer 1

essayer un fichier de réinitialisation CSS; des problèmes comme ceux-ci sont inhérents aux différences de rendu du navigateur ... une réinitialisation CSS fait cela efficacement; il peut jeter vos paramètres de conception, mais ils seront beaucoup plus facile de fixer une fois que vous mettre en œuvre ceci:

Eric Meyer's CSS Reset

Answer 2

Je pense que cela est juste la façon dont Chrome implémente les boutons. Vous pouvez essayer quelque chose comme ajouter 1px padding au bouton avec jQuery si c'est important pour vous. Quelque chose comme ceci:

$("#submit-button").click(function() { 
    $(this).css('padding-left', '1px'); 
}); 

Je ne sais pas si cela fonctionnera ou non.