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

Question

是否有一个轻量级的CSS或Javascript片段,只允许我在页面上选择/突出显示只对文本可用的内容？当你试图突出显示文字并最终突出显示div和图像和事物时,它总是让我恼火.

有没有办法只突出文字？这将包括段落,锚点,div和图像内的文本以及所有标题标记.

谢谢!〜杰克逊

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

在这里它是,并且它更接近,除了使用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; 
}