按钮文字在点击时移动

Question

我注意到在我的drupal网站上点击表单提交按钮时，按钮的文本在firefox（PC）中向右移动了大约1px，在IE和Opera中向右移动了1px。在Chrome中，根本不会发生这种情况。这看起来很草率。任何人都知道为什么会发生这种情况，是否有可能阻止？

我正在使用花环主题和一个禅子主题，它发生在两者中。

由于

Answer 1

尝试CSS重置文件;像这样的问题是浏览器渲染差异所固有的... CSS重置有效地做到了;它可能会抛弃你的设计设置，但是一旦你实现它，它们将更容易修复：

Eric Meyer's CSS Reset

Answer 2

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

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

我不确定这是否有效。