Как избавиться от границы вокруг и изображения, используемого в качестве ссылки в Firefox?
Странный вопрос, о котором я думаю его больше, я не уверен, чем это называют. Но мне перенесли img в ссылку
пример
...
![]()
.....
Теперь у меня есть акцидентные линейки CSS все к 0. Так их не Синяя граница. Но в Firefox их, кажется, розовая мини-штриховая граница только, когда я нажимаю на изображение? В других браузерах никогда нет никакой границы. Я не уверен, отсутствую ли от самого браузера или чего-то я. В моей CSS у меня есть граница к 0 на a: парение: посещаемый я даже поместил текстовое художественное оформление ни в один, думая, что это могло бы помочь. Но знать пользу. Я пытался искать онлайн справку, но все, что я получаю, является информацией об удалении границы, вызванной от размещения изображения в ссылке. Таким образом, любая справка или точка в правильном направлении были бы большими.! отредактируйте//, я добавил изображение для лучше объяснения, о чем я говорю. 
2 ответа
Ссылки ( ) по умолчанию имеют точечный контур вокруг них, когда они становятся «активными» или «сфокусированными». В Firefox 3 цвет определяется цветом текста
Чтобы удалить его, просто используйте:
a {
outline: none;
}
Или вы можете сделать то, что я делаю, и удалить его из всех элементов (я использую свои собственные правила фокусировки / активности ) и выполните
* {
outline: none;
}
. Это удалит его из всех элементов.
Установите Firebug и посмотрите, что происходит. Я думаю, что тэг img, вероятно, имеет границу по умолчанию.
Чтобы удалить это, возможно, вы можете попробовать поместить свои теги a и img внутри div с идентификатором и использовать следующий CSS:
Ваш HTML:
#test img {
стиль границы: нет;
}