-webkit-tap-highlight-color不工作 [英] -webkit-tap-highlight-color is not working

问题描述

我要移除点按高亮颜色。但它不工作的移动。当我试图看到在pc上使用inspect元素也不显示。

我的css是

 按钮，按钮：hover，li：hover，a：hover，li，a，*：hover，* 
 {
 -webkit-tap-highlight-color： rgba（0,0,0,0）; 
} 
  

我的css上有任何错误。

$ b $

  -webkit-tap- highlight-color：rgba（0,0,0,0）; 
 -webkit-tap-highlight-color：transparent; 
  

或

  * {
 -webkit-touch-callout：none; / *防止标注复制图像等，点击保存* / 
 -webkit-text-size-adjust：none; / *防止webkit调整文本大小以适合* / 
 -webkit-tap-highlight-color：rgba（0,0,0,0）; / *防止点击突出显示颜色/阴影* / 
 -webkit-user-select：none; / *防止复制粘贴，允许，将'none'更改为'text'* / 
} 
  

I am trying to remove tap highlight color. But it is not working mobile. When i am trying to see using inspect element on pc it is also not showing.

My css is

button, button:hover, li:hover, a:hover , li , a , *:hover, *
{
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

is there any error on my css..

解决方案

use both:

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

OR

* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}

这篇关于-webkit-tap-highlight-color不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！