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

Question

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

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

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

有人可以帮助我如何删除这个丑陋的边框，或者给我一些提示，告诉我如何更改样式以使其看起来更漂亮。

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

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

谢谢

Answer 1

你可以使用下面的class

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