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

Question

我的某些页面中有两个不同的模态对话框.一个有一个<input type="button"/>,另一个有常规<a href="">链接.当这些模态出现时,它们会显示(至少在Mac OS X上的Chrome中)这些元素周围有一个粗蓝色边框.当我在SO上输入这个问题时,我在文本区域周围有相同的蓝色边框,但这是一个理想的效果.我想摆脱我描述的元素周围立即出现的蓝色焦点边框.有帮助吗？

Answer 1

这应该做的伎俩(CSS):

*{    
    outline:none;
}

Answer 2

我知道这是一个老问题,但我只是在研究如何从jQuery UI对话框中的链接和按钮中删除焦点.我的意思不仅仅是轮廓(你可以像其他答案所说的那样用css做),而是实际的焦点,这样如果用户点击进入,它就不会把他带到链接或按钮指向的位置.

这似乎是最好的方法是将它添加到对话框的JS中:

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

其中"my-dialog"是对话框的id.

或者,如果您想要定位该类,也可以执行此操作:

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

我认为这可以更好地回答你的问题,因为你问的焦点,这应该删除焦点和大纲.