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

时间:2011-10-12 14:06:16

标签: css css3

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

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

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

http://jsfiddle.net/cH8WD/

知道如何让它正常工作吗?

由于

编辑:

为了更好地说明问题:

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

1 个答案:

答案 0 :(得分: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;
}

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