Нажатие на область карты - предотвращение выделения границы

Question

У меня есть сопоставленное изображение на моем сайте, и когда вы нажимаете на каждую определенную область, сайт отображает различное содержимое div в пределах предписанной части страницы.

В настоящее время, когда вы нажимаете на каждую область, граница на короткое время выделяется синим цветом. Есть команда onclick="blur()", которая предотвращает выделение границы REMAINING, но я бы предпочел, чтобы она вообще не выделялась. Я искал Стек и Интернет, но не могу найти ответ на этот, казалось бы, простой вопрос. Любая помощь будет оценена.

Answer 1

Вы пытались стилизовать свойство outline элементов области с помощью CSS?

area { outline: none; }

Answer 2

Просто используйте CSS:

image {
    outline: none;
}

Вы также должны убедиться, что ваши изображения не находятся ни в <button>с или <input>с, потому что те будут также улей наброски. Используйте тот же CSS для тех.