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/

希望对您有所帮助。