Удаление контура на области карты изображения

Question

Есть ли способ удалить контур, когда вы выбираете область на карте изображения? Увидеть:

Я использую Chrome на Snow Leopard.

Answer 1

Кажется, что все, что вам нужно сделать, чтобы удалить эти границы, лежит на теге img, установив атрибут hidefocus и свойство outline css следующим образом:

HTML

<img class="map" src="..." usemap="..." hidefocus="true" />

CSS

img.map, map area{
    outline: none;
}

Это должно работать кросс-браузер!

EDIT

Как прокомментировал Сергей К., если вы не хотите поддерживать IE6, вы можете сохранить байты, просто используя селектор атрибутов.

img[usemap], map area{
    outline: none;
}

Поддержка начинается с IE7.

Answer 2

У меня возникла та же проблема с chrome и safari, и я добился успеха, назначив класс .map для каждого тега области и присвоив классу следующий стиль:

.map {
outline: 0;
}

Answer 3

Вроде старомодно, но это работает:

    <area onfocus="blur();" ... 

GTX, CS

Answer 4

Дайте вашей карте изображений идентификатор "Map", затем используйте следующее объявление CSS:

#Map area {
    outline: none;
}

Answer 5

Так что если у вас есть архаичная веб-страница без css (я знаю ужасно!), Вы можете исправить это, вставив style = "outline: none" после координат и перед href в теге area - абсолютное совершенство!

Answer 6

Используйте CSS.Установите style="outline:none;" для элемента или, желательно, поместите его в таблицу стилей.

Answer 7

Пробовал outline:0 по правилу css?