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); on a 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);

}

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

3 个答案: