jquery - 在ie兼容模式下删除或隐藏按钮焦点轮廓（jquery即兴）

Question

我在我的 Web 应用程序中使用了一个名为 impromptu 的 jquery 模态对话框插件。在 ie 兼容模式下运行时，我的默认按钮的样式有问题。

当我的对话框显示禁用即兼容模式时，我的对话框看起来像这样......

但是，当我的对话框在启用兼容模式的情况下显示时，我的对话框上的默认按钮有一个丑陋的边框。

有人可以帮助我如何删除这个丑陋的边框，或者给我一个关于如何改变样式看起来不错的提示。

我主要支持firefox，但我也必须支持ie 7及更高版本。为此，我在我的 html 页面中添加了以下元标记。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

谢谢

Answer 1

您可以使用以下课程

.hideFocus{
  hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
  outline: none;  /* for firefox 1.5 + */
}