How to remove border around div#content?

I find this issue in some themes, including the new Foundation theme.

When I make a mouse click inside a div#content web page I get this annoying border.

How can this be removed?

That’s an accessibility feature. You can suppress it with CSS, e.g. …

div#content,
div#content:active{
    outline:none !important;
}

Thanks.
Anyway for some reason CSS Editor plugin doesn’t accept this part of the code (doesn’t save it)

outline: none !important;

This topic was automatically closed after 250 days. New replies are no longer allowed.