I dont know if this can be fix, but I made this website and when my users click on some divs the selected div appears to have yellow border in chrome and similar border in safari. You can see the yellow border here . Is it possible to disable this?
-
Can you show us the CSS that applies to these divs?– E.Z. HartFeb 10, 2012 at 4:07
2 Answers
Try adding this in your CSS:
*:focus {
outline: none;
}
That should get rid of the focus highlight for the whole page.
I know this is old, but for reference for others is that the div becomes selectable in Chrome once the tabIndex property is added. a trick was used to make the tabIndex negative for elements that could not be tabbed to but even then the select rectangle was shown.
-
This should be the accepted answer. Removing the focus outline without replacing it with an alternative hurts accessibility.– RenéFeb 5, 2019 at 10:44