Как удалить контур вокруг изображений гиперссылок?

Question

Когда мы используем замену текста с помощью CSS и даем отрицательный отпечаток, т. Е. text-indent:-9999px. Затем, когда мы нажимаем на эту ссылку, линия Dotted появляется, как на образце ниже. Какое решение для этого?

Answer 1

Для Remove набросков тега привязки

a {outline : none;} 

Удалить контур из линии изображения

a img {outline : none;} 

Удалить границу из ссылки изображения

img {border : 0;} 

Answer 2

Вы можете использовать свойство CSS «наброски» и значение «нет» на элементе якоря.

a { 
outline: none; 
} 

Надеюсь, что это поможет.

Answer 3

-moz-user-focus: ignore; в браузерах Gecko основе (возможно, вам нужно! Важно, в зависимости от того, как она применяется)

Answer 4

Да, мы можем использовать. сброса CSS, как a {outline:none}, а также

---

a:focus, a:active {outline:none} для лучшей практики в Обнуление CSS, самое лучшее решение, использует общий :focus{outline:none} Если у вас есть лучший вариант, пожалуйста, поделитесь

Answer 5

Существует тот же эффект границы в Firefox и Internet Explorer (IE), он становится видимым, когда вы нажимаете на какую-либо ссылку.

Этот код будет исправить только IE:

a:active { outline: none; }. 

И это один будет исправить как Firefox и IE:

:active, :focus { outline: none; -moz-outline-style: none; } 

Последний код должен быть добавлен в таблицу стилей, если вы хотели бы чтобы удалить границы ссылок с вашего сайта.

Answer 6

Обратите внимание, что стили фокусировки существуют по какой-либо причине: если вы решили удалить их, люди, которые перемещаются по клавиатуре, больше не знают, что находится в фокусе, поэтому вы ущемляете доступность своего веб-сайта.

(Держать их на месте и помогает питания пользователей, которые не любят использовать их мышь)

Answer 7

Вы можете поставить overflow:hidden на имущество с отступа текста, и что пунктирная линия, которая охватывает из страницы , исчезнет.

Я видел пару сообщений об удалении контуров вместе. Будьте осторожны при этом, так как вы можете снизить доступность сайта.

a:active { outline: none; } 

лично я хотел бы использовать этот атрибут только, как если атрибут :hover имеет те же свойства CSS это предотвратит контуры, показывающие для людей, которые с помощью клавиатуры для навигации.

Надеюсь, это решает вашу проблему.

Answer 8

Для Internet Explorer 9:

Источник: http://social.msdn.microsoft.com/Forums/en-HK/ieextensiondevelopment/thread/1023adfd-bd73-47ac-ba9c-2bad19ac583a

Answer 9

Я бы поставил большинство пользователей не тип пользователей, которые используют клавиатуру в качестве навигационного управления. Является ли приемлемым раздражать большинство ваших пользователей для небольшой группы, которая предпочитает использовать навигацию на клавиатуре? Короткий ответ - зависит от того, кто ваши пользователи.

Кроме того, я не вижу подобного опыта в Firefox и Safari. Таким образом, этот аргумент, по-видимому, в основном относится к IE. Все это зависит от вашей базы пользователей и их уровня знаний.   - как они используют сайт.

Если вы действительно хотите знать, где вы находитесь, и вы являетесь пользователем клавиатуры, вы всегда можете смотреть на строку состояния, когда вы вводите ключ через сайт.

Answer 10

Это отлично работает для меня

a img {border:none;}

Answer 11

включить этот код в таблице стилей

img {border : 0;} 

a img {outline : none;} 

Answer 12

Использование Like This для HTML 4.01

<img src="image.gif" border="0">

Answer 13

Любое изображение, имеет ссылку есть граница вокруг изображения, чтобы указать, что это ссылка со старыми браузерами. Добавление border = "0" в ваш HTML-тег IMG не позволит этому изображению иметь границу вокруг изображения.

Однако добавление границы = «0» для каждого изображения будет не только много времени, это также увеличит размер файла и время загрузки. Если вы не хотите, чтобы на ваших изображениях была граница, создайте правило CSS или CSS-файл, в котором есть код ниже.

img {border-style: none; }

Answer 14

Я надеюсь, что это полезно для некоторых из вас, он может быть использован для удаления контура из ссылок, изображений и флэш-памяти и от MSIE 9:

a, a:hover, a:active, a:focus, a img, object, embed { 
    outline: none; 
    ie-dummy: expression(this.hideFocus=true); /* MSIE - Microsoft Internet Explorer 9 remove outline */ 
    } 

Приведенный ниже код может скрыть границы изображения:

img { 
    border: 0; 
    } 

Если вы хотите поддерживать Firefox 3.6.8, но не Firefox 4 ...При нажатии вниз на тип входного = изображение может произвести пунктирный контур, а также, чтобы удалить его в старых версиях Firefox следующее будет делать трюк:

input::-moz-focus-inner { 
    border: 0; 
    } 

IE 9 не позволяет в некоторых случаях, чтобы удалить пунктирная контур вокруг ссылок, если не включить этот мета-тег между и в ваших страницах:

 <meta http-equiv="X-UA-Compatible" content="IE=9" /> 

Answer 15

Это последний один, который работает на Google Chrome

:link:focus, :visited:focus {outline: none;} 

Answer 16

с целью снятия изо ng Ссылка Dotted Outline href, которую вы можете написать в вашем файле css:

a { 
    outline: 0; 
}