Предотвращение мгновенной фокусировки ссылок или кнопок в диалоге jQuery UI?

Question

У меня есть два разных модальных диалога на некоторых моих страницах. У одного есть <input type="button"/>, а у другого - обычная <a href=""> ссылка. Когда появляются эти модалы, они показывают (по крайней мере, в Chrome на Mac OS X) толстую синюю рамку вокруг этих элементов. Когда я набираю этот вопрос на SO, у меня появляется та же синяя рамка вокруг текстовой области, но это желаемый эффект. Я хочу избавиться от синих границ фокуса, которые мгновенно появляются вокруг элементов, которые я описал. Любая помощь?

Answer 1

Это должно помочь (CSS):

*{    
    outline:none;
}

Answer 2

Я знаю, что это старый вопрос, но я просто изучал, как убрать фокус со ссылок и кнопок в диалоговом окне пользовательского интерфейса jQuery. Я имею в виду не только схему (которую вы можете сделать с помощью 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();
}

Я думаю, что было бы лучше ответить на ваш вопрос, поскольку вы спрашивали о фокусе, и это должно устранить фокус и план.