Question

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

是否只有一种方法可以突出显示文字？那将包括段落，锚点，文本内部的div和＆amp;图像和所有标题标记。

谢谢！〜杰克逊

我正在上传结果的任何人，我正在运行@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; 
}

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

2 个答案: