javascript - 如何停止 HTML 表单字段中的文本突出显示

Question

在谷歌上花了一些时间后，我来到这里寻求解决方案。我要做的是在用户使用光标选择时停止输入字段（HTML 表单字段）的文本突出显示。如果用户尝试在输入字段中选择全部或部分文本，则光标应停在用户开始鼠标左键单击的索引处。像这样的东西

这不应该

这应该

用户应该能够将光标定位在用户想要的任何索引中，但用户不应该能够突出显示文本。我不是 CSS 方面的专家。有什么解决办法吗？JS 解决方案是使用 setSelectionRange 或 createTextRange。

请提供任何最好的 CSS 或 JS 解决方案。

Answer 1

I hope its not possible to stop the highlight, well instead you can apply a trick to change the background color of the highlight to the textfield background color.

When the background colors would be same then it would not be highlighted, here ios the code to achieve the same :-

View Demo at jsfiddle.

CSS

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