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

Question

根据MDN ，元素的-moz-user-select-property 也将设置在所有子元素上。它还指出可以使用-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/

我希望这有帮助。