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

Question

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

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

但是，当我的对话框显示启用了兼容模式时，对话框上的默认按钮会有一个难看的边框。

有人可以帮我解决这个丑陋的边框，或者告诉我如何改变风格以便看起来不错。

我主要支持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 + */
}