当您在iPad上触摸Safari中的HTML元素时,它会变为灰色.决定嵌套元素中哪个元素以灰色显示的逻辑是什么?

And*_*rew 11 html safari ipad

当您触摸iPad上的网页中的某个元素(如编辑框)时,它会在您触摸时变为灰色.

我有一个由浮动div包裹的表.当触摸数据元素时,整个表(或其包装div)变为灰色,而不是单个数据元素或行变为灰色.(此表的功能是自动完成弹出窗口)

在网站的其他地方,我有一个表格,其中只有被触摸的数据元素变为灰色.

我想知道,如果任何人都可以直接我这个老龄化触摸背后的逻辑的解释,这样我们就可以编写我们的表,得到期望的行为.理想情况下,我们希望该行在触摸时突出显示.

或者,如果我们可以关闭这种灰色行为,那将是另一种选择.然后我们可以自己编码突出显示.有没有办法为特定的html元素关闭此行为?

谢谢.

Baa*_*Baa 23

本作者提出了一个解决方案来删除突出显示:

如果由于某种原因您不希望突出显示您的网站或应用程序的某些元素,只需将以下CSS规则添加到相应的元素即可.

-webkit-tap-highlight-color: rgba(0,0,0,0); 
Run Code Online (Sandbox Code Playgroud)

它不会禁用突出显示,但会使其不可见(opacity零为零).

但是,我没有测试过这个.