X
Нажмите здесь, чтобы перейти на мобильную версию сайта.

Форум поддержки

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.

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.

Изменено cor-el

Дополнительные сведения о системе

Это случилось

Каждый раз при открытии Firefox

Приложение

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.56 Safari/536.5

Дополнительная информация

jscher2000
  • Top 10 Contributor
8837 решений 72222 ответов
Размещено

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.

This forum does not handle raw HTML well. Try editing your post and replacing your left angle brackets (<) with the equivalent HTML entity (&<u></u>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.

Изменено jscher2000

Размещено

Задавший вопрос

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.

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 44 решений 299 ответов
Размещено

Полезный ответ

Hey Jbear4,

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

Hey Jbear4, It is indeed a bug. We have it on file on bug [http://bugzil.la/719276 719276]. Feel free to follow along in that bug report.