Html 电话间隔：在网络视图中禁用文本选择

我正在做一个电话缺口项目。我正在使用HTML、JAVA脚本和CSS

我已经在我的项目中实现了onclick、mapping和ahref功能。当将此功能用于onclick、mapping或ahref时——当选择图像或文本时，它会高亮显示

我不希望它突出显示。我尝试实现以下代码

noSelect 
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
   user-select: none;
}

但是，这段代码在选择视图中没有任何区别

所以，请给我一个解决问题的方法

编辑：

这就是我在映射和图像中使用它的方式，但它不起作用

映射

<div id="main" class="main" ><img src="img/abc.png" alt="abc" usemap="#abc" class="noSelectInputBox:focus"/></div>  

图像源

document.getElementById("detail").innerHTML = '<img src="img/image1.png" onclick="detail()" class="noSelectInputBox:focus"/> '

document.getElementById（“细节”）.innerHTML=''

尝试将以下css添加到您的css中：

noSelectInputBox:focus
{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:none;
    -webkit-focus-ring-color:rgba(0 0 0 0);
}

---

希望有帮助。

在css文件中编写以下代码。使用此选项时，我们可以禁用在触摸时突出显示内容

*{
    /* Prevent any object from being highlighted upon touch event*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

---

HTML中的类必须仅为noSelectInputBoxSHANK，您的意思是说我只调用一个类？？在HTML代码中，将noSelectInputBox:focus替换为noSelectInputBox