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.
由 cor-el 於 修改
所有回覆 (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.
由 jscher2000 - Support Volunteer 於 修改
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.