当您触摸 iPad 上网页中的某个元素(例如编辑框)时,它会在您触摸时变成灰色。
我有一张由浮动 div 包裹的桌子。当触摸数据元素时,整个表(或其包装 div)不会变灰,而不是单个数据元素或行变灰。 (该表的功能是自动补全弹窗)
在网站的其他地方,我有一个表,其中只有触摸的数据元素变成灰色。
我想知道是否有人可以指导我解释触摸变灰背后的逻辑,以便我们可以对表格进行编码以提供所需的行为。理想情况下,我们希望该行在被触摸时突出显示。
或者,如果我们可以关闭这种变灰行为,那将是另一种选择。然后我们可以自己编码突出显示。有没有办法关闭特定 html 元素的这种行为?
Thanks.
这位作者 http://rickyrosario.com/blog/how-disable-tap-highlighting-on-your-iphone-ipad-iwhatever-web-app/建议消除突出显示的解决方案:
如果出于某种原因您不希望突出显示网站或应用程序的某些元素,只需将以下 CSS 规则添加到相应的元素即可。
-webkit-tap-highlight-color: rgba(0,0,0,0);
它不会禁用突出显示,但会使其不可见(opacity
为零)。
不过,我还没有对此进行测试。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)