三星 Galaxy Tab 10.1 和 -webkit-tap-highlight-color 风格？
我正在尝试关闭默认的 Android Web“突出显示”（到处都推荐的 -webkit-tap-highlight-color 样式“修复”） - 这在大多数设备上效果很好，但不适用于我的 Galaxy Tab 10.1 - 任何带有“点击”处理程序在浏览器中被“点击”时，始终会以默认的“深色”颜色突出显示。
例如。
我的 CSS 中有这个：
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
然后使用 jQuery 在 div 上设置“点击”处理程序：
< div id="test" >某种内容< / div >
代码如下：
$("#text").click(function(e) {alert("Hello !") } );
使用这个简单的代码，在 Galaxy Tab 10.1 浏览器中运行，您总是会在 div 上获得“突出显示”，它似乎完全忽略了样式？
有人有什么想法吗？看来，通过使用“touchstart”和“touchend”事件，这种情况会消失，具体取决于我捕获这些事件的“级别”，但这似乎有点过头了 - Galaxy Tab 浏览器有什么特别之处吗？我尝试过搜索，但有太多的术语组合需要查找，我迷失了
谢谢克里斯
:(
I'm trying to turn off the default Android web 'highlighting' (the -webkit-tap-highlight-color style 'fix' that is recommended everywhere) - this works great on most devices, but not my Galaxy Tab 10.1 - anything with a 'click' handler, will always get highlighted in the default 'dark' colour when it is 'clicked' in the browser.
eg.
I have this in my CSS :
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
then using jQuery setting up a 'click' hander on a div :
< div id="test" >some kind of contents< / div >
with code such as :
$("#text").click(function(e) { alert("Hello !") } );
with that simple code, running in the Galaxy Tab 10.1 browser, you always get the 'highlight' on the div, it appears to ignore the style completely ?
Anyone have any ideas ? It appears that by using 'touchstart' and 'touchend' events this goes away depending on the 'level' that I capture those events at, but that seems like overkill - is there anything special about the Galaxy Tab browser ? I've tried searching, but there's so many combinations of terms to look for I'm lost :(
Thanks
Chris
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试给它指定除默认颜色之外的任何颜色！例如 -webkit-tap-highlight-color: rgba(58, 52, 222, 0.5);
在一些 Android 设备上，我尝试更改默认的突出显示颜色，但最终导致该颜色永远不起作用！
- 一旦您检查完毕，请尝试在颜色末尾添加 !important，这似乎会强制恢复默认颜色！
try giving it any any color other than the default! e.g. -webkit-tap-highlight-color: rgba(58, 52, 222, 0.5);
On some Android devices where I have tried to change the default highlight color, it ends up making sure the color never works!
-And once you've checked that out, try adding !important at the end of the color, that one seems to force back the default color!
将其添加到您的 CSS 中。已在 Samsung Galaxy S9 上测试并运行。
Add this to your CSS. Is tested and working on Samsung Galaxy S9.