防止jQuery UI对话框中链接或按钮的即时焦点？

在我的某些页面中有两个不同的模态对话框。一个有一个

，另一个有一个常规的

链接。当这些模态出现时，它们（至少在MacOSX上的Chrome中）会在这些元素周围显示一个厚厚的蓝色边框。当我这样输入这个问题时，文本区域周围有相同的蓝色边框，但这是一个理想的效果。我想去掉我描述的元素周围立即出现的蓝色焦点边框。有什么帮助吗？

这应该可以做到（CSS）：

---

我知道这是一个老问题，但我只是在研究如何在jQueryUI对话框中删除链接和按钮的焦点。我指的不仅仅是大纲（你可以像其他答案所建议的那样使用css），而是实际的焦点，这样，如果用户点击回车键，它就不会把用户带到链接或按钮指向的地方

最好的方法是将其添加到对话框的JS中：

open: function(){
  $('#my-dialog :link').blur();
  $('#my-dialog :button').blur();
}

其中“我的对话”是对话的id

或者，如果您想以类为目标，也可以这样做：

open: function(){
  $('.ui-widget-content :link').blur();
  $('.ui-widget-content :button').blur();
}

---

我认为这会更好地回答您的问题，因为您询问的是焦点，这应该会删除焦点和大纲。

这修复了其中一个对话框，但另一个对话框的

周围仍然有一个“大纲”。这一行CSS是最后一个文件中的最后一行，因此它应该优先于任何其他样式。作为后续操作，我只是在按钮选项之后添加了

open:

函数，并且只做了

$（'button'）

。使用id/class和

：按钮对我来说不起作用。我喜欢这个解决方案，已接受的删除了我链接中的鼠标悬停效果。
open: function(){
  $('.ui-widget-content :link').blur();
  $('.ui-widget-content :button').blur();
}