Html 按钮文本在单击时移动

我注意到，在我的drupal站点上，当我单击表单提交按钮时，该按钮的文本在firefoxPC中向右移动约1px，在IE和Opera中向右移动约1px，然后向下移动。在Chrome中，这根本不会发生。这看起来很邋遢。有人知道为什么会发生这种情况，以及是否有可能预防吗

我使用了花环主题和禅宗子主题，两者都有

---

谢谢

尝试CSS重置文件；像这样的问题是浏览器呈现差异的固有原因。。。CSS重置有效地做到了这一点；它可能会丢弃您的设计设置，但一旦您实现此功能，它们将更容易修复：

---

我认为这就是Chrome实现按钮的方式。如果对您来说很重要，您可以尝试使用jQuery向按钮添加1px填充。大概是这样的：

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

---

我不确定这是否有效。

谢谢你的回复。这似乎不起作用，但很高兴知道-谢谢你的提示！我会继续摆弄。。。