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

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

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

Ответ 1

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

HTML

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

CSS

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

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

ИЗМЕНИТЬ

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

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

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

Ответ 2

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

.map {
outline: 0;
}

Ответ 3

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

#Map area {
    outline: none;
}

Ответ 4

Своего рода старомодный, но это работает:

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

GTX, CS

Ответ 5

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

Ответ 6

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

Ответ 7

Пробовал outline:0 в своем правиле css?