无法覆盖子节点上的用户选择?

Naa*_*tan 11 css css3

我正在尝试添加一个CSS规则,使默认行为不允许选择页面上的文本或元素.然后,我为特定节点(例如段落或标题文本)添加规则,以允许对它们进行文本选择.

不幸的是,这不能按预期工作,似乎无法在子节点上覆盖此设置.

检查这个jsfiddle,看看我的意思:

http://jsfiddle.net/cH8WD/

知道我怎么能让它正常工作?

谢谢

编辑:

为了更好地说明问题:

http://jsfiddle.net/cH8WD/5/

Emi*_*dın 15

尝试"文本"而不​​是"正常",如:

* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

p, h1, h2, h3, h4, h5 {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}
Run Code Online (Sandbox Code Playgroud)

编辑:对于FireFox,我更改了行"-moz-user-select:none;" 到"-moz-user-select:-moz-none;"

  • 太棒了,非常感谢!你是怎么设法把它弄出来的?具有与"无"操作不同的"-moz-none"的Firefox并不完全直观. (4认同)