html - 当您在 iPad 上的 Safari 中触摸 HTML 元素时，它会变成灰色。决定嵌套元素中哪个元素显示为灰色的逻辑是什么？

Question

当您在 iPad 上触摸网页中的某个元素(例如编辑框)时，它会在您触摸时变成灰色。

我有一个由 float div 包裹的表格。当一个数据元素被触摸时，整个表格(或其包装 div)不会变灰，而不是单个数据元素或行变灰。 (该表格的功能是自动完成弹窗)

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

我想知道是否有人可以指导我解释触摸变灰背后的逻辑，以便我们可以对表格进行编码以提供所需的行为。理想情况下，我们希望该行在被触摸时突出显示。

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

谢谢。

Answer 1

This author建议删除突出显示的解决方案:

If for whatever reason you don't want some elements of your web site or application to be highlighted, simply add the following CSS rule to the corresponding elements.

-webkit-tap-highlight-color: rgba(0,0,0,0); 

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

不过，我还没有测试过。