javascript - CSS 只允许在网页上选择文本？

Question

有没有轻量级的 CSS 或 Javascript 代码片段，可以让我只选择/突出显示页面上仅对文本可用的内容？当您尝试突出显示文本而最终突出显示 div、图像和其他东西时，这总是让我很恼火。

有没有办法只突出显示文本？这将包括段落、 anchor 、div 和图像中的文本以及所有标题标签。

谢谢! ~ jackson

我正在上传回答这个问题的任何人的结果，我目前正在运行@Nick Radford 的代码，他 ETA'd。

在这里，它更近了，除了用 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;
}

第一个 block 禁用 html 中的选择，第二个 block 将它重新启用到任何可以包含 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}