三星Galaxy Tab 10.1和-webkit-tap-highlight-color风格?

时间:2011-10-10 16:13:52

标签: android tabs highlighting mobile-webkit galaxy-tab

我正在尝试关闭默认的Android网络'突出显示'(无处不在推荐的-webkit-tap-highlight-color style'fix') - 这在大多数设备上都很好用,但不适用于我的Galaxy Tab 10.1 - 任何带有“点击”处理程序的东西,在浏览器中“点击”时,将始终以默认的“深色”颜色突出显示。

例如

我的CSS中有这个:

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
  • 然后使用jQuery在div上设置'click'处理程序:

    < div id =“test”>某种内容< / div>

  • 代码如下:

    $(“#text”)。click(function(e){alert(“Hello!”)});

使用简单的代码,在Galaxy Tab 10.1浏览器中运行,你总是得到div上的'highlight',它似乎完全忽略了这个风格?

有人有什么想法吗?似乎通过使用'touchstart'和'touchend'事件,这取决于我捕获这些事件的“级别”,但这看起来有点过分 - Galaxy Tab浏览器有什么特别之处吗?我已经尝试过搜索了,但是有很多术语组合可以找我失去:(

由于

克里斯

2 个答案:

答案 0 :(得分:0)

尝试给它任何除默认之外的任何颜色!例如-webkit-tap-highlight-color:rgba(58,52,222,0.5);

在我尝试更改默认高亮颜色的某些Android设备上,它最终确保颜色永远不会有效!

- 一旦你检查完了,尝试在颜色的末尾添加!important,那个似乎强制恢复默认颜色!

答案 1 :(得分:0)

将此添加到CSS。经过测试并可以在Samsung Galaxy S9上使用。

html {
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
-webkit-tap-highlight-color: transparent !important;
}