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

Question

Как придать другому стилю, цвету пунктирную границу клавиатуры навигации? Стиль должен отображаться только в том случае, если пользователь использует клавиатуру для навигации не по mouse over, а по :active.

альтернативный текст http://easycaptures.com/fs/uploaded/234/9318036912.png

И стиль должен работать во всех основных браузерах с допустимым CSS.

Answer 1

Это невозможно с CSS. Кроме того, это не очень желательно для удобства использования. Всегда имейте в виду Якоба Нильсена "Закон взаимодействия с пользователями":

Пользователи проводят большую часть своего времени на других сайтах.

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

Answer 2

Нет естественного или простого способа достичь этого. Тем не менее, кроме причин юзабилити, возможно сделать - просто очень сложно реализовать и поддерживать. Это будет комбинация обработчиков onKeyPress и onFocus для установки и удаления стилей на основе специальной структуры данных карты, которая отображает направленность любых элементов управления или входов формы, которые вы используете на странице.