Mobile Firefox puts a blue box around

Asked Jul 03 '12 at 14:59

Active Jul 03 '12 at 18:12

Viewed 591 times

Whenever I click on an anchor in Mobile Firefox, it draws a blue border around the <a>, which persists after the anchor has been clicked. Here is a screenshot of how this looks:

enter image description here

In order to remove this border, I have tried adding the following to my CSS, to no effect:

a {-moz-user-select: none;}

a:link { outline:none; }
a:visited { outline:none; }
a:hover { outline:none; }
a:active { outline:none;  }
a:focus { outline:none; }

I have also tried adding the following snippet to my JavaScript on DOM ready, also to no effect:

$("a").live('click',function(event) {
    if (document.selection)
        document.selection.empty();
    else if (window.getSelection)
        window.getSelection().removeAllRanges();
});

Is this blue border styleable? How can I get rid of it?

Minimal Test Case (example)

Here is a reduced example of a page that manifests this behavior:

<!DOCTYPE html><a href="#foo">Test</a>

Rendering

enter image description here

edited Jul 03 '12 at 18:12

0b10011

18,397
4
65
86

asked Jul 03 '12 at 14:59

jbeard4

12,664
4
57
67

1

have you tried a { border: 0; }? – CM Kanode Jul 03 '12 at 15:02
1

Is this with all ``s or only the ones that have images inside them? – Mr Lister Jul 03 '12 at 15:07
@MrLister All anchors. See included example. – jbeard4 Jul 03 '12 at 15:14
@CMKanode, the CSS border property is used to style the green outer border which you can see in the image, so I think it's something else. – jbeard4 Jul 03 '12 at 15:15
possible duplicate of [Remove tap outline from anchor element on Android device viewed with Firefox mobile](http://stackoverflow.com/questions/9588812/remove-tap-outline-from-anchor-element-on-android-device-viewed-with-firefox-mob) – 0b10011 Jul 03 '12 at 16:25
And very similar to http://stackoverflow.com/questions/5210481/ – 0b10011 Jul 03 '12 at 16:28

Mobile Firefox puts a blue box around

Minimal Test Case (example)

Rendering

0 Answers0