電話差距：在網頁視圖

我在電話峽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

電話差距：在網頁視圖

回答

相關問題