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

Question

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

这不应该

这应该

用户应该能够在用户想要的任何索引中找到光标，但用户不应该突出显示文本。我不是CSS的专家。对此有何解决方案？ JS解决方案是使用setSelectionRange或createTextRange。

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

Answer 1

我希望它不可能停止突出显示，相反，您可以应用技巧将突出显示的背景颜色更改为文本字段背景颜色。

当背景颜色相同时它不会突出显示，这里有代码实现相同： -

View Demo at jsfiddle

<强> CSS

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