Css 防止在Chrome中突出显示画布区域_Css_Html

Css 防止在Chrome中突出显示画布区域

css html

Css 防止在Chrome中突出显示画布区域,css,html,Css,Html,在我们的白板应用程序中，如果Chrome用户以某种方式拖动鼠标，则可以突出显示整个画布：有没有办法防止这种情况发生？谢谢在Chrome中，将此CSS应用于身体似乎可以为我带来好处： -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-

在我们的白板应用程序中，如果Chrome用户以某种方式拖动鼠标，则可以突出显示整个画布：

有没有办法防止这种情况发生？

谢谢

在Chrome中，将此CSS应用于身体似乎可以为我带来好处：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

其他人说Opera和IE还不尊重这些属性，相反，您需要在元素上设置不可选择属性，如下所示：

<body unselectable="on">

我没有这两种浏览器，因此我无法确认这一点，但您可以查看这些帖子了解更多详细信息：

将此CSS应用于画布元素，如果您将此css应用于正文，那么您的文本和etc选择将被禁用，所以请小心

  canvas{
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
  }

我刚刚将此添加到我正在开发的一个应用程序中（截至2016年7月22日的所有当前浏览器版本），我可以确认第一段代码中的css在IE11、Firefox、Opera、Chrome和Maxathon中的工作方式是一致的。然而，我刚刚检查了whatwg&css工作组规范，“用户选择”css仍在工作草案中，自2015年9月开始。但是，我可以使用它吗？报告说，它在除opera mini之外的所有浏览器中都已完全实现。