Ändern div onclick Gliederung in Firefox

Question

In Firefox, wenn ein Link angeklickt wird, gibt es einen gepunkteten Umriss um das Element.

Ist es möglich, es zu ändern, so dass ich das Div, das markiert wird, auswählen oder den Bereich anpassen kann, den es umrahmt?

Answer 1

In CSS:

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

Für ein div (mit 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

Ich denke, Sie sollten Removing Dotted Links überprüfen.

Wenn Sie den gepunkteten Rahmen für die tab-basierte Navigation beibehalten möchten, wenden Sie diesen Wert an a:active an. Auf diese Weise können immer noch die Anzeige, wenn die Tastatur fokussiert erscheinen, aber ausgeblendet, wenn die Maus aktiviert:

a:active 
{ 
    outline: none; 
} 

Für alle Links gilt:

a 
{ 
    outline: none; 
} 

Für Mozilla-basierte Browser nur:

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

Das beantwortet nur die Hälfte Ihrer Frage. Um den Bereich der gepunkteten Umrisslinien zu ändern, müssen Sie wahrscheinlich JavaScript schreiben, um den Rahmen oder die Umrisslinie des Elements, das Sie umreißen möchten, basierend auf dem Klickereignis des Links zu ändern.

Answer 3

Css:

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