CSS 只允许选择网页上的文本？

Question

是否有一个轻量级的 CSS 或 Javascript 片段允许我仅对页面上的内容进行选择/突出显示，仅适用于文本？当你试图突出显示文本而最终突出显示 div 和图像之类的东西时，这总是让我很恼火。

有没有办法只突出显示文本？这将包括段落、锚点、div 内的文本和内容。图像和所有标题标签。

谢谢！ 〜杰克逊，

我正在上传结果给任何回答这个问题的人，我目前正在运行@Nick Radford 的代码，他预计会到达。

就是这样，而且更接近了，除了使用 ctrl+a 进行的文本之外，还有很多选择： http://designsweeter.com/

Answer 1

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,a,h1,h2,h3,h4,h5,h6,div,br,li,td,article{-moz-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text}

Answer 2

这可能有效：

img, div { 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}