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

Question

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

我无法在firefox中使用我的输入元素，但它适用于Chrome。关于如何解决这个问题的任何想法？

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

Answer 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/

我希望这有帮助。