單擊時防止文本突出顯示

我有一個帶減號的輸入字段來提高/降低其中的數字。看起來是這樣的：單擊時防止文本突出顯示

<a onclick="less()">-</a> 
<input type="text" text-input"> 
<a onclick="more()">+</a>

我如何可以禁用/防止+/-文本的選擇/加亮，當我點擊，提高數字？

我正在尋找一種跨瀏覽器的解決方案。謝謝

來源

2013-07-12 Rikard

可能重複：/ /stackoverflow.com/questions/139157/what-is-the-best-way-to-prevent-highlighting-of-text-when-clicking-on-its-contai） –

請注意，您的HTML無效。錨*必須*具有'name'或'href'屬性。你可能想使用一個簡單的'span'元素。 –

使它們成爲按鈕而不是文本鏈接。 – DevlshOne

根據您必須支持哪些版本的瀏覽器，可以嘗試使用css屬性user-select至none。在這裏，你有這樣的執行http://css-tricks.com/almanac/properties/u/user-select/

來源

2013-07-12 13:17:49

它做到了。不知道有一個CSS。謝謝。 – Rikard

@Rikard很高興能幫到你！ –

的例子，你可以使用CSS ::selection

::selection { 
    background: none; 
} 
::-moz-selection { 
    background: none; 
} 
::-webkit-selection { 
    background: none; 
}

來源

2013-07-12 13:20:13 barvaz

<!DOCTYPE html> 
<html> 

    <head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
    <style> 
     .linklike { color: blue; text-decoration:underline }   
    </style> 
    </head> 

    <body> 
    <button onclick="less()">-</button> 
    <input type="text"> 
    <button onclick="more()">+</button> 
    <br> 
    <br> 
    OR<br 
    <br> 
    <br> 
    <span onclick="less()" class="linklike">-</span> 
    <input type="text"> 
    <span onclick="more()" class="linklike">+</span>  


    </body> 

</html>

快速plnkr：http://plnkr.co/edit/u7dKekjLg6DpyUjz1a06?p=preview

來源

2013-07-12 13:21:25 tomdemuyt

最好的做法是有<button>這樣做。
然後你的突出問題就解決了，你可以用更好的方式編寫代碼。

（你也可以改變按鍵與CSS使它們看起來像你想要的）的[什麼是防止在javascript其包含分區，當點擊文本的突出最好的方法是什麼？（HTTP

來源

2013-07-12 13:29:03 Sergio

單擊時防止文本突出顯示

回答

相關問題