如何在输入字段上重新启用文本选择答案

【问题标题】：How to re-enable text selection on input-field如何在输入字段上重新启用文本选择
【发布时间】：2013-02-06 20:51:16
【问题描述】：

根据MDN，元素上的-moz-user-select-属性也将设置在所有子元素上。它还指出可以使用-moz-user-select:text 在子元素上重新启用用户选择。

我无法让它在 Firefox 中的输入元素上工作，但它在 Chrome 中工作。关于如何解决这个问题的任何想法？

示例：http://jsfiddle.net/NBNpF/3/（尝试将焦点放在输入框中，它仅适用于 Chrome，不适用于 Firefox）。我正在使用 FireFox 18.0.2

【问题讨论】：

我无法理解这里的问题，我看到的是它在 FF 中工作而不在 chrome 中工作，因为与 unselectable 类一起潜水，所以无法在 FF 中选择它，但我可以在 chrome 中当我更改它时selectable 选择再次在 ff 中工作。
@Al-Mothafar：在我的计算机上，只能在 Chrome 中选择输入字段中的文本，而不能在 FF 中选择文本。对你来说是相反的吗？
我和@Espo 一样。
@Espo 哦，我明白了，抱歉误会了，是的，我现在也有同样的问题

【解决方案1】：

我找到了我认为的解决方案，关键是将-moz-user-select: none;替换为-moz-user-select: -moz-none;。

所以你的 CSS 必须是这样的：

.unselectable {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}

我更新了你的 jsfiddle：http://jsfiddle.net/NBNpF/7/

希望对您有所帮助。

【讨论】：