【发布时间】：2015-05-08 23:58:55
【问题描述】：
下图显示了一个包含文本“test”的输入字段，在单击输入以获得焦点后立即显示：
我正在尝试删除绿色突出显示（绿色来自操作系统突出显示颜色）。这是另一张图片，说明了使用正常的无样式输入时所需的行为：
如您所见，标准行为是光标出现在用户单击的位置，而不是在没有光标的情况下突出显示整个文本。是什么导致了这种行为？
这个元素的样式分散在各处，检查计算的属性似乎并没有发现任何不寻常的地方。这种行为存在于 Chrome 和 Firefox 中。
【问题讨论】：
-
此输入使用 jQuery UI 自动完成，但根据他们的示例和文档，这似乎不是自动完成负责的行为。
-
我使用 firebug 作为区分 CSS 规则的一个很好的解决方案，因为它显示了应用了哪些规则以及它们来自何处，一直到行号和文件。您是否尝试过使用 firebug 或类似的开发者叠加层（不是默认的 chrome 版本，那是废话）？
-
-webkit-user-select和它的伙伴是样式选择的 CSS 规则 -
我认为你想要做的是在输入获得焦点时使用 javascript 来
collapse选择。 developer.mozilla.org/en-US/docs/Web/API/Selection/collapse
标签： css input highlighting