(CSS?) Устранить «выбранные» строки браузера вокруг изображения с гиперссылкой?

Question

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

Снимок экрана http://www.freeimagehosting.net/uploads/th.fadf78173b.png

Answer 1

Вы хотите добавить следующую строку в ваш CSS:

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

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

* 1006. следующая «вкладка» может пойти. Таким образом, нежелательно удалять эту пунктирную линию. Но все равно полезно знать, как бы вы это сделали, если сочтете это необходимым.

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

Answer 2

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

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

Answer 3

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

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

Это, однако, снизит удобство использования.

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

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

Answer 4

с использованием

*:focus {outline:0px;} 

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

Answer 5

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