#javascript #jquery #html #css
#javascript #jquery #HTML #css
Вопрос:
Это то, о чем я говорю:
Это пустая ссылка javascript:
<a href="javascript:void(0)">Contact</a>
таким образом, это никуда не приведет пользователя. При нажатии отображается граница trailing ants. Есть ли какой-либо способ предотвратить это с помощью css или javascript?
Ответ №1:
Простой ответ CSS таков:
a{
outline: 0;
}
Добавление:
Вероятно, вам следует использовать сброс CSS, но мир веб-разработки довольно сильно раскололся по этому поводу. Мне нравится использовать ResetCSS Эрика Мейера.
Комментарии:
1. хе-хе, я занимаюсь CSS более 3 лет и не знал об этом правиле. Спасибо!
2. В дополнение к этому, для удобства использования существует правило outline. Он отображается в фокусе, чтобы пользователь знал, что выбирается. Это особенно важно, если пользователь переходит по ссылкам или полям ввода на странице. Конечно, наличие глупой пунктирной границы может быть непривлекательным для навигации или изображений, но важно иметь какую-то стилистическую дифференциацию для элемента в фокусе. Как продемонстрировал Лукас, можно настроить таргетинг на элементы в их состоянии фокусировки с помощью псевдокласса :focus .
Ответ №2:
Это удалит их отовсюду:
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }