Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS用户选择:禁用空白选择,但允许文本选择_Css_Selection - Fatal编程技术网

CSS用户选择:禁用空白选择,但允许文本选择

CSS用户选择:禁用空白选择,但允许文本选择,css,selection,Css,Selection,有没有办法阻止选择非文本的内容?比如剩余的空格和 有时单击、拖动/双击,这是唯一一个痛苦的提醒,提醒你没有使用“本机应用” 理想选择 …但仍然允许这样做。 一个聪明的应用-用户选择也许?我会对此有所警惕,因为MDN规范明确地说 非标准 此功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不会适用于所有用户。实现之间也可能存在很大的不兼容性,并且行为可能会在将来发生变化 也就是说,您可以使用内联元素(例如跨距)包装特定的文本行。请查看: <div> <

有没有办法阻止选择非文本的内容?比如剩余的
空格和

有时单击、拖动/双击,这是唯一一个痛苦的提醒,提醒你没有使用“本机应用”

理想选择 …但仍然允许这样做。


一个聪明的应用
-用户选择
也许?

我会对此有所警惕,因为MDN规范明确地说

非标准 此功能是非标准的,不在标准轨道上。不要在面向Web的生产站点上使用它:它不会适用于所有用户。实现之间也可能存在很大的不兼容性,并且行为可能会在将来发生变化

也就是说,您可以使用内联元素(例如跨距)包装特定的文本行。请查看:

<div>
    <span>hello</span><br/>
    <span>hi | yo | what's up</span>
</div>
div {
    -webkit-user-select: none;
}
div span {
    -webkit-user-select: text;
}