en utilisant Accordion de jQuery UI, je reçois un accent bleu non désiré autour du dernier lien cliqué

Question

J'utilise le widget Accordéon de l'interface utilisateur jQuery.

Chaque fois que je clique sur un en-tête pour développer une section, cet en-tête (en fait, le lien à l'intérieur de l'élément h3) est en surbrillance. Dans Chrome, il y a une surbrillance bleue comme s'il s'agissait du champ actuellement sélectionné dans un formulaire.

Je dois me débarrasser de la surbrillance bleue, j'ai donc piraté le code ci-dessous, et cela semble fonctionner jusqu'à maintenant. Cependant, je me demande s'il existe une meilleure façon de faire cela dans jQuery. Est-ce correct??

$(function() { 
    $("#mainnav").accordion().blur($('#mainnav')); 
}); 

Answer 1

Je n'ai pas besoin jQuery pour résoudre le problème après tout (.blur() ne semble pas fonctionner).

jQuery a été l'ajout d'un class = "ui-state-focus" au html, donc je CSS utilisé pour indiquer que cette classe ne doit pas être exposé/mis en évidence, comme si ...

#mainnav .ui-state-focus { 
    outline: none; 
} 

Answer 2

Pour moi travaille cela pour JQuery UI 1.9 .2, Widget Tabs:

#mainnav .ui-tabs-anchor { 
    outline: none; 
}