在div中单击svg上的小蓝框

Question

这是Droid 4和三星Galaxy S2的问题，但在新设备和浏览器上没有亮点。这实际上是用于Cordova应用程序，但它也在设备浏览器的链接小提琴中失败。我在StackOverflow上看过很多帖子，但没有一个建议的属性删除touchstart上的蓝色突出显示。在这种情况下，浅蓝色调出现在字母的左侧。我尝试过使用Chrome进行检查，但这些设备没有检查选项。我见过的唯一解决方案是覆盖隐藏的SVG并处理点击。我宁愿用CSS或javascript修复它。

以下是在这些设备上失败的CSS和小提琴：

       box-shadow: none;
       width: 22%;
       height: 30%;
       position: relative;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       -o-user-select: none;
       outline: 0;
       border: none;
       color: rgba(255, 255, 255, 0);

http://jsfiddle.net/softwareinnovator/06wbqer1/6/

您可以在第一张图片中看到蓝色框，但在第二张图片中看不到。我找到的一个部分解决方案是将onclick放在div上而不是SVG上，然后我在一台设备上获得完整的div高亮显示。我的猜测是更广泛的第二个字母将它推出视野。我还发现，如果我没有指定高度，宽度和位置，则不会出现该框。

蓝盒子

没有蓝框

Answer 1

Crosswalk插件解决了这些问题。我知道这并没有诊断出实际原因和解决方案，但我必须推荐它。这篇文章帮助我正确地将它添加到项目中。

Build error after adding Crosswalk plugin to a Cordova Android project