Jquery Navicon蓝色边框

我在玩navicon，在分析了它之后，仍然有一些东西我不太明白

在这些图标周围有一个蓝色的选择器，我似乎无法移除，它是特定于他的方法还是对jquery的简单误解

这是密码

#mbtn{
显示：内联块；
边缘：0 1米；
边界：无；
背景：无；
}
#mbtn跨度{
显示：块；
}
.线路按钮{
填充：2rem1rem；
过渡：.3s；
光标：指针；
/* */
}
.台词{
显示：内联块；
宽度：4rem；
高度：0.57143rem；
背景#211f20；
边界半径：0.28571雷姆；
过渡：0.3s；
位置：相对位置；
}
.行：之前，.行：之后{
显示：内联块；
宽度：4rem；
高度：0.57143rem；
背景#211f20；
边界半径：0.28571雷姆；
过渡：0.3s；
位置：绝对位置；
左：0；
内容：''；
-webkit变换原点：0.28571rem中心；
变换原点：0.28571rem中心；
}
.台词：之前{
顶部：1rem；
}
.台词：之后{
顶部：-1rem；
}
.行按钮：悬停。行：在{
顶部：1.14286雷姆；
}
.行按钮：悬停。行：之后{
顶部：-1.14286雷姆；
}
.line-button.close{
-webkit转换：scale3d（0.8,0.8,0.8）；
变换：scale3d（0.8,0.8,0.8）；
}
.lines-button.x.close.lines{
背景：透明；
}
.lines-button.x.close.lines:之前，.lines-button.x.close.lines:之后{
-webkit转换来源：50%50%；
变换原点：50%50%；
排名：0；
宽度：4rem；
}
.lines-button.x.close.lines:before{
-webkit变换：旋转3D（0,0,1,45度）；
变换：旋转3d（0,0,1,45度）；
}
.lines-button.x.close.lines:after{
-webkit变换：旋转3D（0,0,1，-45度）；
变换：旋转3d（0,0,1，-45度）；
}
var anchor=document.querySelectorAll（'button'）；
[]forEach.call（锚定，函数（锚定）{
var open=false；
anchor.onclick=函数（事件）{
event.preventDefault（）；
如果（！打开）{
this.classList.add（'close'）；
开放=真实；
}
否则{
这个.classList.remove（'close'）；
开=假；
}
}
}); 

如果要删除移动设备上的边框，必须添加以下内容：

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

---

我猜这只是web浏览器正在添加的选择/焦点矩形，就像单击常规链接或聚焦表单字段时一样。这很容易摆脱：没错，非常感谢！

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);