Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Mobile Firefox puts a (possibly unstyleable?) blue box around <a>

  • 3 uphendule
  • 2 zinale nkinga
  • 3 views
  • Igcine ukuphendulwa ngu AaronMT

jbeard4
jbeard4
more options

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.

Consider the following reduced example:<br /> <br /> <pre><nowiki><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></nowiki></pre> 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.

Okulungisiwe ngu cor-el

All Replies (3)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

This forum does not handle raw HTML well. Try editing your post and replacing your left angle brackets (<) with the equivalent HTML entity (&lt;).

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.

Okulungisiwe ngu jscher2000 - Support Volunteer

jbeard4
jbeard4 Umnikazi wombuzo
more options

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.

AaronMT
AaronMT
more options

Hey Jbear4,

It is indeed a bug. We have it on file on bug 719276. Feel free to follow along in that bug report.