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();
}

我认为这可以更好地回答您的问题，因为您询问的是焦点，这应该会消除焦点和轮廓。

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

2 个答案: