Как удалить пунктирную границу вокруг активных гиперссылок в IE8 с помощью CSS

Активные тексты гиперссылок выделены пунктирной рамкой. При использовании эффектов для таких гиперссылок (fadeIn / fadeOut) он вызывает странные эффекты. Как отключить / удалить пунктирную границу?

Попробуйте этот CSS:

a:active, a:selected, a:visited { border: none; outline: none; } 

Обратите внимание, что это должно быть после любых правил a:hover . Спасибо PEra в комментариях за предложение использовать a:selected селектор.

ЗАМЕТКА

Вышеизложенное не работает в IE 9. Удаление a: selected заставляет его работать в IE9.

Типичный и безопасный способ сделать это:

 a:active, a:focus { outline: none; /* non-IE */ ie-dummy: expression(this.hideFocus=true); /* IE6-7 */ } 

Поскольку expresssion() был потрошен в IE8, вам может понадобиться сценарий:

 if (document.documentElement.attachEvent) document.documentElement.attachEvent('onmousedown',function(){ event.srcElement.hideFocus=true }); 

Если вы собираетесь удалить фокус фокуса по умолчанию, вы должны определить свой собственный стиль для :focus , иначе у пользователей клавиатуры будет трудное время, используя ваш сайт.

Быть осторожен. Пунктирная граница является важной частью просмотра клавиатуры. В нем указывается, какая ссылка будет нажата.

 a:active { outline: none; } 

Автор Натан Смит дает более подробное обсуждение этого и различные связанные с ним вопросы в своем блоге.

 a:active, a:focus { outline:none; } 

Попробуйте использовать этот CSS:

Для Mozilla :

 |:-moz-any-link:focus { outline: none; } |:focus { outline: none; } button, input[type="reset"], input[type="button"], input[type="submit"] { outline: none; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { padding: 0px 2px 0px 2px; border: 1px dotted transparent; } 

Для IE8 :

 a:active, a:focus { border:none; outline:none; } 

A { outline: none; } { outline: none; } нарушает удобство использования клавиатуры. И селектор a:active {} , кажется, разбивает его так же хорошо, как в прошлый раз, когда я проверил Firefox.

Существует способ JS избавиться от границы, не нарушая ничего, а также JS-код, чтобы избавиться от границы в IE6 и IE7.

Я описал метод в своем учебнике .

Решение в JavaScript для удаления активной границы по ссылкам во всех браузерах: добавьте событие onfocus = “this.blur ();” по вашей ссылке

  Link  

ПРИМЕЧАНИЕ. Это будет работать во всех браузерах.

 a:focus, *:focus { noFocusLine: expression(this.onFocus=this.blur()); } 

Взято отсюда: http://www.cssjunction.com/css/remove-dotted-border-in-ie7/

Это работает для меня лучше всего

 a{ outline: 0; } 

Я хотел, чтобы это работало для Button, и это сработало для меня

 button { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: transparent; noFocusLine: expression(this.onFocus=this.blur()); } 

вы также можете использовать контур: 0 на объекте и встраивать. некоторый базовый обнуление css будет выглядеть так:

 a, a:visited { text-decoration:none; color: #e3a512; } a:hover, a:active, a:focus { text-decoration:none; color: #fff; outline:0; } object, embed, a, a img, a:active, a:selected, a:visited { outline:0 } 
 a img {border: none; } 

вот и все, не нужно усложнять это.

  • Поддерживает ли Internet Explorer 8 HTML 5?
  • Должен ли я использовать одно или двойное обозначение двоеточия для псевдоэлементов?
  • Internet Explorer 8 теряет файлы cookie
  • Домашняя страница IE установлена ​​на какой-то сайт, о котором я не знаю
  • Respond.JS не работает в IE 8
  • Запуск Internet Explorer 6, Internet Explorer 7 и Internet Explorer 8 на одном компьютере
  • Как я могу использовать элемент canvas HTML5 в IE?
  • Имеет ли IE 8 ограничение на количество таблиц стилей на страницу?
  • $ .getJSON возвращает кэшированные данные в IE8
  • Ограничьте IE8 до одного окна (всегда используйте вкладки)
  • Как открыть несколько вкладок в IE8 из пакетного файла?
  • Давайте будем гением компьютера.