javascript – CSS只允许选择网页上的文字?

前端之家收集整理的这篇文章主要介绍了javascript – CSS只允许选择网页上的文字?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有一个轻量级的CSS或 Javascript片段,只允许我在页面上选择/突出显示只对文本可用的内容?当你试图突出显示文字并最终突出显示div和图像和事物时,它总是让我恼火.

有没有办法只突出文字?那将包括段落,锚点,文本内部的div和&图像和所有标题标记.

谢谢!
〜杰克逊

我正在上传任何回答这个问题的结果,我现在正在运行@Nick Radford的ETA代码.

在这里它是,并且它更接近,除了使用ctrl a进行文本之外仍然有很多选择:
http://designsweeter.com/

解决方法

html{ 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
p,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{
    -o-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

第一个块禁用html中的选择,第二个块重新启用它到任何可以包含HTML5文本的项目.它很大,但缩小了,它更小:

html{-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}p,article{-moz-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text}
原文链接:https://www.f2er.com/js/156363.html

猜你在找的JavaScript相关文章