如何在HTML表單域中停止文本突出顯示

在Google上花費了一些時間後，我來到這裏獲得解決方案。我需要做的是在用戶選擇使用光標時停止輸入字段（HTML表單域）的文本高亮顯示。如果用戶試圖在輸入字段中選擇全部或部分文本，則應該在用戶啓動鼠標左鍵的索引處停止光標。不喜歡這個如何在HTML表單域中停止文本突出顯示

某事，這應該

enter image description here

這應該

enter image description here

用戶應該能夠將光標定位在任何索引用戶希望，但用戶應無法突出文字。我不是CSS的親專家。任何解決方案？ JS解決方案將使用setSelectionRange或createTextRange。

請任何最好的CSS或JS解決方案。

我想知道爲什麼這個問題正在向下投？ –

可能的重複：http://stackoverflow.com/questions/1599585/styling-the-selection-color-of-an-input-type-text-possible – Uooo

@ w4rumy感謝指出。我在Google上搜索了很長時間，但無法找到答案。順便請理解我的問題是不改變高亮顏色。停止文字突出顯示，並將光標保持在開始顯示高光的索引處。我希望你沒有誤解。感謝Subhajit，我會檢查你的解決方案。 –

-1

我希望它不可能停止突出顯示，相反，您可以應用一種技巧將突出顯示的背景顏色更改爲文本框背景顏色。

當背景顏色是相同的，再不會被突出顯示，這裏的iOS代碼來實現相同的： -

CSS

input::selection { 
background: #fff; 
} 
input::-moz-selection { 
background: #fff; /* Firefox lower versions */ 
}

2013-02-08 05:26:56 Subhajit

這不適用於Chrome和Internet Explorer。似乎只有Firefox支持這一點。 – Uooo

這是行得通的，但如果用戶點擊退格或刪除按鈕，它會刪除文本，因爲文本被突出顯示，但突出顯示不可見.. :( –

回答