iphone-突出显示不是链接的div

时间:2010-07-14 19:10:14

标签: iphone touch highlight tap

当用户触摸或选择div中包含的文本时,我想突出显示整个div。只有当它包含在带有javascript函数的span中时,我才能突出显示该文本,但是当我尝试将该函数应用于整个div时,它不起作用。在我的研究中,我看到很多人用-webkit-tap-highlight-color删除了一个高亮显示:有没有办法使用这个或另一个css样式为一个不是链接的项添加一个高亮?

我正在使用的脚本:

function changeColor(e,color){    element = e;    oldColor = element.currentStyle.background;    element.style.background = color;    }

2 个答案:

答案 0 :(得分:1)

如果您将单击处理程序附加到div,则会在单击时突出显示div。

示例在这里http://jsbin.com/awejo3/4

从此问题获得信息:Iphone darkens div on click

答案 1 :(得分:0)

我在移动应用上遇到了同样的问题,我已经解决了以下代码的问题。

*:not(a) {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}