Когда гиперссылка становится активной или получает фокус, вокруг нее появляется пунктирная линия, чтобы отличить ее от других ссылок и показать пользователю, что выбрана конкретно эта ссылка. По сути, этот пунктирный контур устанавливается свойством outline и не влияет на окружающие элементы, как, например, границы border.

Если вы хотите удалить этот контур, вы можете применить следующие стили к своим ссылкам:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Removing Dotted Outlines Using CSS</title>
<style>
    a, a:active, a:focus{
        outline: none; /* Работает в Firefox, Chrome, IE8 и выше */ 
    }
</style>
</head>
<body>
    <div class="menu">
        <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Contact</a>
    </div>
</body>
</html>

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

Читайте также

Похожие посты

Как определить или создать таблицу стилей только для Internet Explorer

Поддержка старых версий IE — головная боль для разработчиков сайтов. В большинстве случаев вы не сможете избежать этого из-за требований проекта или из-за того, что ваш клиент все еще использует старую версию Internet Explorer. Каждая версия IE ведет себя несколько иначе, чем другие. Первое, что нам нужно, это определить отдельные таблицы стилей для разных версий…

Как отключить выделение выделения текста в браузерах с помощью CSS

По умолчанию, когда вы выделяете текст в браузере, он обычно выделяется синим цветом. Но вы можете отключить это выделение с помощью псевдоэлемента CSS ::selection. В настоящее время браузеры поддерживают только небольшое подмножество CSS-свойств для псевдоэлемента ::selection, например color, background-color и text-shadow. Вот пример:

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.