SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
-
Oct 3, 2007, 05:29 #1
- Join Date
- Mar 2004
- Posts
- 639
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
How to remove border from clicked image?
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?
-
Oct 3, 2007, 05:43 #2
- Join Date
- May 2007
- Location
- Tonwsville, Australia
- Posts
- 127
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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)
-
Oct 3, 2007, 05:54 #3
- Join Date
- Dec 2002
- Location
- Aylmer, QC, Canada
- Posts
- 409
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
You can removed it with the outline property but I would highly advise against this as it is an accessibility feature.
-
Oct 3, 2007, 06:19 #4
- Join Date
- Mar 2004
- Posts
- 639
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thanks for quick reply guys. I will not remove it then.
-
Oct 3, 2007, 06:48 #5
- Join Date
- Dec 2004
- Location
- Derbyshire - UK
- Posts
- 2,651
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
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.
Bookmarks