Полезно: HTML, CSS, создание сайтов
Часто задаваемый вопрос, как убрать пунктирную рамку вокруг ссылок в Firefoxе?
В последнее время часто спрашивают, некоторые даже считают это багом и не правильной версткой (заказчики разные бывают) почему в браузере Firefox при нажатие на ссылку, вокруг нее добавляется пунктирная граница. В первую очередь она предназначена для того, что бы привлечь внимания пользователя. Но многим разработчикам это пришло не по вкусу ну, что же разберемся и с этим вопросом. Как любил мне говорить мой наставник все решаемо. А нужно всего лишь добавить параметр outline и присвоить ему значение none.
Убираем пунктирную рамку вокруг ссылок в Firefoxе
И вся проблема решена. То есть теперь не удной ссылки не будет появляться данной границы.
Убираем пунктирную рамку вокруг ссылок в Firefoxе
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8UTF-8windows-1251">
<title>Граница в Firefox</title>
<style type="text/css">
A {
outline: none; /* Убираем границу вокруг ссылок */
}
</style>
</head>
<body>
<p><a href="/">Учимся верстать</a></p>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8UTF-8windows-1251">
<title>Граница в Firefox</title>
<style type="text/css">
A {
outline: none; /* Убираем границу вокруг ссылок */
}
</style>
</head>
<body>
<p><a href="/">Учимся верстать</a></p>
</body>
</html>
И вся проблема решена. То есть теперь не удной ссылки не будет появляться данной границы.