我使用上的动画，交互式图形工作拉斐尔 ，我需要在iPhone上很好地工作。 我有我挣扎2个轻微渲染问题。
第一个是，只要你单击具有附加一个单击处理SVG元素上，移动Safari浏览器吸引周围有一个透明的灰色框，指示被点击了什么。 这是它当您单击超链接一样的东西。 灰色框是在这种情况下非常难看。 是否有任何CSS属性告诉移动Safari不这样做呢？
第二个问题是与动画。 对于任何动画的持续时间，移动Safari增加了一个丑陋的黑色边框的SVG画布。 这只是可见的，而动画正在进行中，而且只有在画布的底部和右侧边缘可见。 任何想法如何解决这一问题？
这是用拉斐尔的页面上的演示之一的复制和粘贴拍摄，只用白色背景。
这篇文章有一些有用的提示，即...
禁用闪光灯选择：
原来有一种方法通过使用WebKit CSS属性-webkit抽头高亮颜色的关闭这个功能，颜色的alpha设置为0，在我的Javascript代码的伎俩：
document.documentElement.style.webkitTapHighlightColor = "rgba(0,0,0,0)";
和禁用“动作”弹出：
我需要禁用的第二件事是，如果你点击并按住的UIWebView的内容几秒钟出现的“动作”弹出。 这也是通过CSS属性控制称为-webkit-触摸标注，以及设置在这种情况下，“无”的伎俩：
document.documentElement.style.webkitTouchCallout = "none";
