CSS: удаление обводки активной ссылки в Firefox

У Firefox есть такая забавная черта -- в дополнение ко всему подсвечивать активную ссылку пунктиром. Не то, чтобы это сильно напрягало, но смотрится неаккуратно.

Удалить подсветку активных ссылок поможет небольшое CSS-правило:

a:active {
  outline: none;
}

И еще стоит можно создать такое же правило для псевдокласса :focus. В итоге у меня CSS для удаления пунктирной обводки в Firefox выглядел так:

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

Upd: Тем не менее не рекомендую вам задавать это правило для псевдокласса :focus. Как верно заметил анонимный комментатор, судя по всему – знаток «основ юзабилити интерфейсов» и владелец поломанной мыши: это сделано для того, чтобы можно было ходить по странице без мышки - с помощью клавиши Tab. Например, если у пользователя поломалась мышка, или (не дай бог конечно) правая рука.

Если вам все-таки хочется избавиться от рамки, позаботьтесь о пользователях, обозначив выделенные ссылки каким-нибудь другим способом. Например – цветом фона:

a:focus {
  outline: none;
  background-color: #FEFF9F;
}

Лично я это правило просто исключил. Но окончательный выбор по-прежнему за вами.