saber - mapa de imagen html5
Eliminar contorno en el área de mapa de imagen (7)
¿Hay alguna forma de eliminar el contorno cuando selecciona un área en un mapa de imagen? Ver:
Estoy usando Chrome en Snow Leopard.
Asigne a su mapa de imágenes una identificación de "Mapa" y luego use la siguiente declaración CSS:
#Map area {
outline: none;
}
Entonces, si tiene una página web arcaica sin css (¡lo sé muy bien!) Puede corregirla insertando style = "outline: none" después de las coords y antes de href dentro de la etiqueta de área: ¡absoluta perfección!
Tenía este mismo problema con Chrome y Safari y encontré un éxito asignando un mapa de clase a cada etiqueta de área y otorgándole a la clase el siguiente estilo:
.map {
outline: 0;
}
Un poco anticuado, pero funciona esto:
<area onfocus="blur();" ...
?
GTX, CS
Usa CSS. Establecer style="outline:none;" en el elemento, o preferiblemente, ponerlo en una hoja de estilo.
outline:0 intentado outline:0 en su regla css?
Parece que todo lo que tienes que hacer para eliminar estos bordes se encuentra en la etiqueta img , configurando el atributo hidefocus y la propiedad css del outline esta manera:
HTML
<img class="map" src="..." usemap="..." hidefocus="true" />
CSS
img.map, map area{
outline: none;
}
Esto debería funcionar en todos los navegadores!
EDITAR
Como comentó Sergey K, si no está buscando admitir IE6, puede guardar bytes simplemente usando un selector de atributos.
img[usemap], map area{
outline: none;
}