css – 不可能覆盖子节点上的用户选择?

前端之家收集整理的这篇文章主要介绍了css – 不可能覆盖子节点上的用户选择?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图添加一个CSS规则,使默认行为不允许在页面上选择文本或元素.然后,我们为特定节点添加一个规则(如段落或标题文本),以允许文本选择.

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

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

http://jsfiddle.net/cH8WD/

任何想法如何才能使这个工作正常?

谢谢

编辑:

为了更好的说明问题:

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

解决方法

尝试“文字”而不是“正常”,如:
* {
    -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;”

原文链接:https://www.f2er.com/css/214028.html

猜你在找的CSS相关文章