Когда гиперссылка становится активной или получает фокус, вокруг нее появляется пунктирная линия, чтобы отличить ее от других ссылок и показать пользователю, что выбрана конкретно эта ссылка. По сути, этот пунктирный контур устанавливается свойством 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>

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

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

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

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

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

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