Как избавиться от границы вокруг и изображения, используемого в качестве ссылки в Firefox?

Question

Как избавиться от границы вокруг и изображения, используемого в качестве ссылки в Firefox?

Странный вопрос, я думаю, что это больше из-за того, что я не уверен, как это называется. Но у меня есть img, завернутый в ссылку

Пример

...<li>

  <a href="#link">

    <img ...>

  </a>

 </li> .....

Теперь у меня есть правила CSS границы все до 0. Так что у них нет голубой границы. Но в Firefox их, кажется, розовая мини-пунктирная граница только тогда, когда я нажимаю на изображение? В других браузерах нет границы в любое время. Я не уверен, если его из самого браузера или что-то я пропускаю. В моем css у меня есть граница, установленная в 0 на a,: hover,: visited я даже положите текст-украшение никому не думая, что это может помочь. Но знать бесполезно. Я попытался найти в интернете справку, но все, что я получил, - это информация об удалении границы, вызванной размещением изображения в ссылке. Так что любая помощь или точка в правильном направлении была бы очень кстати. !
edit / / я добавил картинку, чтобы лучше объяснить, о чем я говорю.
alt текст http://i28.tinypic.com/6tme84.jpg

554 3

html css hyperlink

3 ответов:

Comments

Ничего не найдено.

Marko · Accepted Answer · 2010-07-25 08:03:03

Ссылки (<a>) по умолчанию имеют пунктирный контур вокруг них, когда они становятся "активными" или "сфокусированными". В Firefox 3 цвет определяется цветом текста

Чтобы удалить его, просто используйте:
a {
    outline: none;
}
Или вы можете сделать то же, что и я, и удалить его из всех элементов (я использую свои собственные правила фокусировки / активности) и сделать
* {
    outline: none;
}
Это удалит его из всех элементов.

score 0 · Accepted Answer · 2013-08-22 09:40:27

#link img a
{
border:0;
outline:none;
}

0

2013-08-22 09:40:27

Sharvil · Accepted Answer · 2010-07-25 10:41:38

Установите Firebug и посмотрите, что происходит. Я думаю, что происходит то, что тег img, вероятно, имеет границу по умолчанию.

Чтобы удалить его, возможно, вы можете попробовать поместить ваши теги a и img внутри div с идентификатором и использовать следующий CSS:

Ваш HTML: {[0]} И используйте следующий CSS:

{[1]}