8

是否有一个轻量级的 CSS 或 Javascript 片段允许我只选择/突出显示页面上仅对文本可用的内容？当您尝试突出显示文本并且最终突出显示 div、图像和其他内容时，我总是很恼火。

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

谢谢！〜杰克逊

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

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

4

2 回答 2

19 
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}
于 2011-06-22T01:16:47.520 回答
6

这可能有效：

img, div { 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}
于 2011-06-22T00:48:01.607 回答