【发布时间】:2010-07-28 09:24:06
【问题描述】:
我注意到,在我的 drupal 网站上,当我单击表单提交按钮时,按钮的文本在 firefox(PC) 中向右移动大约 1px,在 IE 和 Opera 中向右和底部移动 1px。在 Chrome 中,这根本不会发生。这看起来很草率。任何人都知道为什么会发生这种情况以及是否可以预防?
我正在使用 garland 主题和 zen 子主题,这两种主题都会发生。
谢谢
【问题讨论】:
我注意到,在我的 drupal 网站上,当我单击表单提交按钮时,按钮的文本在 firefox(PC) 中向右移动大约 1px,在 IE 和 Opera 中向右和底部移动 1px。在 Chrome 中,这根本不会发生。这看起来很草率。任何人都知道为什么会发生这种情况以及是否可以预防?
我正在使用 garland 主题和 zen 子主题,这两种主题都会发生。
谢谢
【问题讨论】:
尝试使用 CSS 重置文件;像这样的问题是浏览器呈现差异所固有的...... CSS重置可以有效地做到这一点;它可能会影响您的设计设置,但一旦您实施此设置,它们将更容易修复:
【讨论】:
我认为这正是 Chrome 实现按钮的方式。如果它对您很重要,您可以尝试使用 jQuery 向按钮添加 1px 填充。像这样的:
$("#submit-button").click(function () {
$(this).css('padding-left', '1px');
});
我不确定这是否可行。
【讨论】: