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

是否有一个轻量级的CSS或Javascript代码段允许我只对文本进行页面上的选择/突出显示？当你试图突出显示文本，结果却突出显示div、图像和其他东西时，我总是很恼火

有没有办法只突出显示文本？这将包括段落、锚定、div和image中的文本以及所有标题标记

谢谢！ ~z~杰克逊

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

在这里，它更近了，除了使用ctrl+a的文本外，还有很多选择：

这可能有效：

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

第一个块禁用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}

---

你知道有什么样的浏览器支持吗？它支持图像和div。但是一般的空白空间呢。如果您点击control+a并选择整个页面，您就不会得到文本，而是得到全部内容。我会发布一个链接shortly@kinakuta：最近的Gecko、Presto和WebKit版本支持供应商扩展版本（

-moz user select

、

-o-user-select

和

-WebKit user select

）。看起来它的CSS3非常有限。您可以尝试以下变体：-o-user-select:none-webkit用户选择：无-moz用户选择：-moz无-khtml用户选择：无-ms用户选择：无；用户选择：无；几乎！那个编辑做了不少。你真的只需要webkit、moz和o，然后是默认的，没有任何人使用其他浏览器/

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}