在IPhone上按HTML元素时的灰色方形效果

在以下代码中，我有

Ionic 4

组件：

Range

JSFIDLE来源：

直接结果：

内联演示：

index-ionic.html

将

-webkit点击高亮显示颜色

CSS属性设置为

透明

，如下所示：

html {
    -webkit-tap-highlight-color: transparent;
}

---

你会在真正的iphone或是演示iphone的电脑上查到它。。。我这样问是因为如果你使用电脑，可能是因为鼠标事件，当你尝试用手指触摸时，它不会在真正的IPhone上发生。上面的图片只是一个截图。我不知道这是否会导致问题，但是他们的

html

标签有不同的属性。他们的：

与你的：

相比，我试过了，但没有成功：