javascript - 如何使网页元素在全选命令中不突出显示

Question

假设我的页面上有以下简单结构:

<div class="logo">
   <img src="logo.jpeg" alt="logo"/>
</div>

在 Chrome 中预览我的页面时点击 cmd+A(全选)，图像 block 会突出显示。这是一个视觉示例:

如何防止所选元素不这样突出显示？

Answer 1

.user-select-none {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

<div class="user-select-none">
  You can not drag this.
</div>
<div class="user-select-on">
  You can drag this.
</div>