Mobile Firefox puts a (possibly unstyleable?) blue box around <a>
Consider the following reduced example:
<html> <head> <style type="text/css"> a, a:focus, a:active, a:hover { outline: none; } </style> </head> <body> <a href="#foo">Test</a> </body> </html>
Clicking the Test anchor creates a persistent blue box around Test text:
http://postimage.org/image/pvofegsiz/
It's not clear whether this border is styleable, or how to get rid of it.
Ti ṣàtúnṣe
All Replies (3)
This forum does not handle raw HTML well. Try editing your post and replacing your left angle brackets (<) with the equivalent HTML entity (<).
On an image in an anchor tag, you can set border=0 to remove the box around the image. Does that have any effect in your case?
Edit: If you mean the focus outline, there may be other solutions for that. You might look up the CSS outline property.
Ti ṣàtúnṣe
The anchor just contains text, no image, so setting the border property does not resolve this.
Setting outline:none also does not resolve this, as shown in the (now updated) example.
Any insight would be appreciated. Thanks.
Hey Jbear4,
It is indeed a bug. We have it on file on bug 719276. Feel free to follow along in that bug report.