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