Рамка вокруг ссылок

Многих раздражает рамка, которая появляется вокруг элементов при фокусе. Убрать её можно через CSS-свойство outline.

Универсальное решение

:focus {outline: none;}

Для кнопок

button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  border: none;
}

Для radio-кнопок (Firefox)

input[type="radio"] {
  -moz-outline: 3px solid #fff !important;
  -moz-outline-radius: 12px !important;
}

Для checkbox (Firefox)

input[type="checkbox"] {
  -moz-outline-offset: -1px !important;
}

Важно: удаление outline снижает доступность — пользователи, navigating с клавиатуры через Tab, теряют визуальный индикатор текущего элемента.