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

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

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

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

最佳答案

我找到了我认为的解决方案，关键是用 -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/

我希望这有帮助。

关于css - 如何在输入字段上重新启用文本选择，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14728460/