未选择不可选文本，但复制了IS

Question

选择具有不可选部分的文本后：

我把它复制到剪贴板。

在 Firefox 中按预期工作 - 在 Ctrl + C 之后，所选文本将在剪贴板中：

火狐：

  

first row
  second row
  third row

     

YES! YES!

我需要在 Chrome （最好是不使用使用JavaScript）中获得相同的行为，例如 Chrome 未选择的文本也会复制到剪贴板中，并带有周围不可选择的文本：

铬：

  

first row
  2. second row
  3. third row

     

NO! YES! NO! YES!

这是我的代码：

HTML：

<div class="mono">
  <span class="no">1. </span>first row<br/>
  <span class="no">2. </span>second row<br/>
  <span class="no">3. </span>third row<br/>
  <br/>
  <span class="no">NO! </span>YES! <span class="no">NO! </span>YES! 
</div>

CSS：

.mono {
    font-family: monospace;
}

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

您可以在JSFiddle中单独尝试， Firefox 和 Chrome 。

如果您对如何实现目标有任何建议，请在此处分享。