(CSS?) Устранение "выбранных" строк браузера вокруг гиперссылки?

Прикрепленный снимок экрана с OS X/Firefox 3. Обратите внимание, что центральная вкладка (изображение) имеет пунктирную линию вокруг нее, по-видимому, потому, что это была самая недавно выбранная вкладка. Есть ли способ устранить эту пунктирную линию в CSS или JavaScript? (Хм... бесплатный сервис хостинга изображений уменьшил размер изображения, но если бы вы его увидели, вы заметили бы область выделения пунктирной линии вокруг блока.)

Экранный снимок http://www.freeimagehosting.net/uploads/th.fadf78173b.png

Ответы

Ответ 1

Вам нужно добавить следующую строку в ваш css:

a:active, a:focus { outline-style: none; -moz-outline-style:none; }

(Предположим, что ваши вкладки выполнены с помощью элемента a, конечно.)

[edit] По просьбе всех остальных, для будущих зрителей этого следует отметить, что контур необходим для клавиатурных навигаторов, поскольку он обозначает, где находится ваш выбор, и поэтому дает подсказку, где находится следующая вкладка ' должен был идти. Таким образом, нецелесообразно удалить этот выбор пунктирной линии. Но по-прежнему полезно знать, как вы это сделаете, если считаете это необходимым.

И как упоминалось в комментарии, если вы имеете дело только с FF > v1.5, не стесняйтесь оставить -moz-outline-style: none;

Ответ 2

В вашем событии onclick this.blur()

или, в частности, установить фокус в другом месте.

Ответ 3

Для начала попробуйте

*,*:hover,*:focus,*:active { outline: 0px none; }

Однако это уменьшит удобство использования.

Вы хотите выборочно применять альтернативные эффекты там, где это необходимо, чтобы люди, такие как те, кто ориентирован в основном на ключ TAB, имеют представление о том, что в настоящее время имеет фокус.

div.foo:active, 
div.foo:focus, 
div.foo:hover
{  
  /* Alternative Style */
}

Ответ 4

Вы можете начать с просмотра: focus и: active pseudo classes, хотя вы, вероятно, не должны полностью удалять форматирование из этих случаев, поскольку они являются неоценимой помощью для удобства использования.

Ответ 5

используя

*:focus {outline:0px;}

удалит стилирование для входов и текстовых полей при выборе с помощью мыши. Убедитесь, что вы добавили эти стили с рамкой для этих элементов формы, если вы решили удалить все контуры на: focus.