css - 将 -webkit-tap-highlight-color 应用于空白会导致 phonegap 应用程序出现故障

标签 css user-interface webkit cordova

为了解决 phonegap html5 应用程序链接高亮橙色或蓝色的问题,我在我的 css 中应用了该属性,如下所示...

**FOR INPUT TEXTBOX**
input
{
   -webkit-user-modify: read-write-plaintext-only;
}
**FOR ALL ELMENTS WITH TAPS**
*:hover, *
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

但对于某些设备,尤其是 HTC x One 手机,它会导致 UI 问题。作为附加的屏幕截图。 sample issue 1 sample issue 2

这里给出了一些解决方法,但我想先尝试 CSS 解决方案。如果可用。 http://samcroft.co.uk/2012/alternative-to-webkit-tap-highlight-color-in-phonegap-apps/

提前致谢。

最佳答案

尝试浏览此链接。视频还有助于预先了解可以实现的目标

webkit tap color

关于css - 将 -webkit-tap-highlight-color 应用于空白会导致 phonegap 应用程序出现故障,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17282317/

相关文章:

css - WebWorks 视口(viewport)宽度问题

javascript - AudioContext 分析器适用于 Firefox/Chrome,但不适用于 Safari

javascript - 如何防止div容器被调整大小

c# - DataGridColumnHeader 中的第一个下划线被删除

html - 在 react js中滑动动画

python - 如何根据用户的输入迭代循环?

linux - 在 GTK/Linux 中,获取 DPI 比例因子的正确方法是什么?

macos - 使用 Delphi XE2 在 MacOS 应用程序中嵌入 Web 浏览器

javascript - 如何获取不同图像jquery的具体src?

javascript - HTML/CSS/jQuery : background-image opacity