Как удалить пунктирную границу вокруг активных гиперссылок в IE8 с CSS
Используйте команду svn состояние на Вашей рабочей копии для проявления состояния файлов, файлы, которые еще не являются объектом управления версиями (и не проигнорированные) будут иметь вопросительный знак рядом с ними.
Что касается игнорирования файлов необходимо отредактировать svn:ignore свойство, прочитать главу, Игнорирующую Неимеющие версию Объекты в svnbook в http://svnbook.red-bean.com/en/1.5/svn.advanced.props.special.ignore.html . Книга также описывает больше об использовании svn состояние.
5 ответов
Попробуйте этот CSS:
a:active, a:selected, a:visited {
border: none;
outline: none;
}
Обратите внимание, что это должно быть после любых правил a: hover . Спасибо PEra в комментариях за предложение использовать селектор a: selected .
ПРИМЕЧАНИЕ
Вышеупомянутое не не работает в IE 9 . Удаление: selected заставляет его работать в IE9.
Будьте осторожны. Пунктирная рамка - важная часть работы с клавиатурой. В нем указывается, по какой ссылке нужно щелкнуть.
a:active { outline: none; }
Автор Натан Смит более подробно обсуждает это и различные связанные с этим вопросы в своем блоге.
Типичный и безопасный способ сделать это так:
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 {схема: нет; } нарушает удобство использования клавиатуры. И селектор a: active {} , кажется, ломает его так же хорошо, как в прошлый раз, когда я проверял в Firefox.
Существует JS-способ избавиться от границы, ничего не нарушая, а также JS код, чтобы избавиться от границы в IE6 и IE7.
Я описал этот метод в моем руководстве .
Попробуйте использовать этот 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;
}