html - 从三星galaxy s2中的聚焦元素中删除橙色轮廓

Question

有没有办法关闭三星galaxy s2中移动浏览器使用的高亮效果？

我已经尝试过：

-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-tap-highlight-color:transparent
-webkit-touch-callout: none;
outline:none;

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

或者 - 有人可以准确解释这些效果何时显示？我可以以不触发这些效果的方式检测屏幕触摸开始和触摸结束吗？

谢谢

Answer 1

CSS：

.borderImage {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

HTML：

<div class="borderImage">
    <a href="#">Some text</a>
</div>

在这里找到 ;) : -webkit-tap-highlight-color: rgba(0,0,0,0); 在一个div上？

编辑（很高兴知道）：

/* No background, just iOS:*/
-webkit-tap-highlight-color: transparent;

/* No background iOS + Android:  */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

Answer 2

尝试e.preventDefault();在触摸开始事件上使用。

Answer 3

用这个

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}