电话差距：在网页视图

我在电话峡Project.I工作禁用文本选择正在使用HTML，Java脚本和CSS。电话差距：在网页视图

我已经实现的onclick，使用此功能映射和AHREF功能在我project.While无论是对的onclick或映射或AHREF --while选择的图像或文字它被突出显示。

我不希望它得到highlighted.I试图实现这个下面的代码

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"/> '

来源

2013-05-29 user

尝试添加以下CSS到你：

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

希望有所帮助。

来源

2013-05-29 05:38:07 SHANK

谢谢，请检查我的编辑，我的问题 – user

在你的HTML类只需是noSelectInputBox – SHANK

柄的版本，你的意思是说，我的电话只有一个类？通过noSelectInputBox – user

写在你的CSS文件中的以下代码。在使用此功能时，我们可以禁用突出显示触摸内容。

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

来源

2013-08-30 04:23:54 Anand

电话差距：在网页视图

回答

相关问题