Другой стиль для тега привязки при очистке кэша браузера

Question

когда я нажимаю на метку привязки - пунктирная граница обходит текст привязки. Идет в IE7, IE8 и Firefox. Я использовал.

a{ outline:none; }

это работает как положено. Но мне нужно очистить кеш моего браузера. До тех пор, пока я не очищу кеш в моем браузере, вокруг моего якорного текста появится пунктирная линия.

Может кто-нибудь сказать мне, почему я всегда должен очищать кеш каждый раз, чтобы свойство структуры работало. Есть ли решение, что без очистки кеша эта пунктирная линия исчезнет.

Answer 1

попробуйте использовать сброс CSS, как this

Answer 2

Возможно, вам понадобится добавить псевдокласс a:visited в ваш CSS:

a:visited { outline: none; }

Стиль a:visited должен наследоваться от класса a, но некоторые старые браузеры, такие как IE6, не следуют этому правилу ( Source ). Чтобы обеспечить правильную совместимость стилей со старыми браузерами, рекомендуется определить псевдокласс a:visited.

Answer 3

Вы, вероятно, отвергаете правило a:visited. Например, если у вас есть более одной таблицы стилей, как это:

<link rel="stylesheet" href="css/style-a.css">
<link rel="stylesheet" href="css/style-b.css">

На style-a.css мы нашли следующее правило:

a:visited { color: #00ff00; }

И на style-b.css имеем:

a:visited { color: #ff0000; }

Полученная в результате посещенная ссылка будет окрашена красным (# ff0000) правилом, найденным на style-b.css, и НЕ зелёным (# ff0000), как на style-a.css

Для справки:

Каскад CSS назначает вес каждому правилу стиля. Когда применяются несколько правил, приоритет имеет тот, который имеет наибольший вес. - http://www.w3.org/TR/CSS2/cascade.html#cascade

Answer 4

я использовал ..

a: ссылка, a: посещенный, a: hover, a: active { план: нет! важно; -moz-контур: нет; }

но все равно мне нужно каждый раз очищать кеш, чтобы он работал.

Answer 5

Лучший способ избавиться от этого - использовать a:visited и / или a:active, как ответил Дэниел Вассалло.

Это должно решить проблему и по-прежнему дает визуальную обратную связь пользователям, которые перемещаются по всем элементам с помощью TAB.