Как убрать пунктирную рамку вокруг ссылок в браузере Firefox?

🕛 21.01.2009, 20:57

В браузере Firefox при активации ссылок, вокруг них добавляется пунктирная рамка. Она предназначена для привлечения внимания и демонстрации текущего фокуса. Тем не менее, некоторые разработчики хотели бы убрать эту рамку, чтобы сделать сайт однообразным в различных браузерах. Для этого следует к селектору A добавить стилевой атрибут outline со значением none (пример 1).

Пример 1. Убираем рамку

HTML 4.01CSS 2.1IE 6IE 7Op 9.5Sa 3.1Ff 3.0

<!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=windows-1251"> <title>Граница в Firefox</title>
 <style type="text/css"> A { outline: none; /* Убираем границу вокруг ссылок */ } </style> </head> <body> <p><a href="http://google.ru">Google</a></p> </body>
</html>

В данном примере у всех ссылок на сайте в браузере Firefox прячется пунктирная рамка, отображаемая при активации ссылок. Остальные браузеры рамку не показывают, кроме того, Internet Explorer вообще не поддерживает атрибут outline.