html里，如何去掉点击map里area的边框

在需要去掉边框的<area>标签中加入onfocus="blur(this)"

分析：onfocus

事件在对象获得焦点时发生，那么blur(this)则是让当前对象失去焦点。而那个鼠标按下出现的蓝色边框则是焦点线了。

注：一般为了页面美观和效果一致，要去掉这种html标签自带的效果。但是，通常情况下，尽量不要刻意去除。

若是要在每一个aera上加入，仅用js做一下处理

$(function(){

$.each($("#safeMap

area"),function(i,val){

$(val).attr({"onfocus":"blur(this)"})

})

})

安卓webview中的html界面，点击时产生的边框，可以在js的代码中给元素添加如下属性：-webkit-tap-highlight-color即可去掉边框。

1.webkit内核的浏览器，当用户点击一个链接或者通过js定义的可点击元素的时候，会出现一个半透明的灰色背景或者红色的边框。

2.如果想要禁用高亮，可设置颜色的alpha值为0，也就是属性值的最后一位设置为0就可以去除背景或者边框。去除android链接触摸时产生边框的css代码

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

---