Modify onclick div by posing in firefox

Question

In Firefox, whenever a link is clicked, there is a dashed outline around the element.

Is it possible to change it so that I can select the highlighted div, or adjust the area that it outlines?

Answer 1

In CSS:

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

For div (using 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

I think you might want to check out Removing Dotted Links .

If you want to keep the dotted border for tab navigation, apply it to a:active. This still allows the indicator to appear when focusing using the keyboard, but it hides when the mouse is activated:

a:active
{
    outline: none;
}

For all links:

a
{
    outline: none;
}

Mozilla:

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

. , , , JavaScript, , , .

Answer 3

Css:

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