Modifier div onclick dans firefox

Question

Dans Firefox, chaque fois qu'un lien est cliqué, il y a un contour pointillé autour de l'élément.

Est-il possible de le modifier pour que je puisse sélectionner le div en surbrillance, ou personnaliser la zone qu'il contourne?

Answer 1

En CSS:

a:active{outline:0;border:(customize the border around the active link)} 

Pour un div (en utilisant JQuery):

$(function(){ 
    $('div#your-id').click(function(){ 
     $(this).css({'enter the CSS rules for the div here'}); 
    }); 
}); 

http://docs.jquery.com/CSS/css#name

Answer 2

Je pense que vous voulez vérifier Removing Dotted Links.

Si vous souhaitez conserver la bordure en pointillés pour la navigation par onglet, appliquez-la à a:active. Cela permet encore l'indicateur apparaisse quand focalisé par le clavier, mais se cache lorsqu'il est activé souris:

a:active 
{ 
    outline: none; 
} 

Pour tous les liens:

a 
{ 
    outline: none; 
} 

Pour les navigateurs basés sur Mozilla seulement:

:focus 
{ 
    -moz-outline-style: none; 
} 

Cela ne répond qu'à la moitié de votre question. Pour modifier la zone des contours en pointillés, vous devrez probablement écrire du code JavaScript pour modifier la bordure ou le contour de l'élément que vous souhaitez décrire en fonction de l'événement click du lien.

Answer 3

Css:

:focus {outline:none;} 
::-moz-focus-inner {border:0;}