【问题标题】:Button text shifts on click按钮文本在点击时移动
【发布时间】:2010-07-28 09:24:06
【问题描述】:

我注意到,在我的 drupal 网站上,当我单击表单提交按钮时,按钮的文本在 firefox(PC) 中向右移动大约 1px,在 IE 和 Opera 中向右和底部移动 1px。在 Chrome 中,这根本不会发生。这看起来很草率。任何人都知道为什么会发生这种情况以及是否可以预防?

我正在使用 garland 主题和 zen 子主题,这两种主题都会发生。

谢谢

【问题讨论】:

    标签: html drupal drupal-6


    【解决方案1】:

    尝试使用 CSS 重置文件;像这样的问题是浏览器呈现差异所固有的...... CSS重置可以有效地做到这一点;它可能会影响您的设计设置,但一旦您实施此设置,它们将更容易修复:

    Eric Meyer's CSS Reset

    【讨论】:

    • 感谢您的回复。这似乎不起作用,但很高兴知道 - 感谢您的提示!我会继续摆弄......
    【解决方案2】:

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

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

    我不确定这是否可行。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-11-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-05-27
      • 1970-01-01
      • 2017-06-28
      相关资源
      最近更新 更多