Hello guys,
When I click small images, I can see dotted border around clicked image in Firefox. I wonder, how can I fix it with CSS?
| SitePoint Sponsor |
Hello guys,
When I click small images, I can see dotted border around clicked image in Firefox. I wonder, how can I fix it with CSS?
As far as I know there is no way to remove that. Its a part of the browsers rendering and can not be stopped as it is done client side. Its really a safety measure. If you accidentally click an image and you didn't know it was a link you see the dotted border and can drag out of the click or stop the browser.
"When you say 'I wrote a program that crashed Windows',
people just stare at you blankly and say 'Hey, I got those
with the system, for free'." (L. Torvalds)
You can removed it with the outline property but I would highly advise against this as it is an accessibility feature.
Thanks for quick reply guys. I will not remove it then.
I believe it's part of the :focus value and can be removed but should be left alone as it will also be removed for any keyboard users who use tab to flick through the links on a page.
Without this outline, they'll have no idea where focus currently lies which will make the page unnavigable for any keyboard users.
Leave well alone in my opinion.
Posting Permissions
Bookmarks