三星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;

或者，有人能够准确地解释那些效果何时出现吗？ 我能否以不触发这些效果的方式检测屏幕的touchstart和touchend事件？

谢谢

- epeleg

---

我不确定这是否能解决你的问题，但你尝试过 a:focus { outline: none } 吗？ - doptrois

你是否期望:focus选择器影响任何HTML标签？还是它只在“A”标签上工作？基本上我的问题不在于a标签，而是div。 - epeleg

Answer 1

CSS：

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

HTML:

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

在这里找到 ;) : 如何在div上设置-webkit-tap-highlight-color: rgba(0,0,0,0);

编辑（有用信息）：

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

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

- doptrois

---

结果发现问题是我的CSS选择器实际上没有命中所需的HTML元素... - epeleg

Answer 2

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

- bazi

---

我注意到你的回复最初是“我们有同样的问题...”。我不确定为什么这被编辑掉了...这绝对不是一个跟风，而是强烈表明你实际上解决了这个问题 - 我对此正确吗？ - epeleg

Answer 3

使用这个

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

}

- Osvaldo Cipriano