Html 在网站上启用复制粘贴，但防止包含某些元素

我有以下资料：

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;">Harvard</span>
    <span>John Smith</span>
  </span>

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;">Chicago</span>
    <span>Tucker Max</span>
  </span>

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;"></span>
    <span>Rihanna</span>
  </span>

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;">NYU</span>
    <span>Peter Simpson</span>
  </span>

现在我在大学里禁用了

跨度的可选择性。这很有效。然而，当我选择一个用户，甚至多个用户，然后复制粘贴到其他地方，大学也被复制

如何禁用此功能？我希望用户不能复制大学名称，而只能复制用户的名称。这也是有意义的，因为用户无论如何只能选择用户

除了HTML和CSS之外，我正在使用的是
React
&
electron
，如果这有什么帮助的话。这就是为什么我只针对chrome，而不是ff或ie等

PS：这个问题的解决方案对我不起作用。我的文本不可选择，但是当我粘贴它时，它的文本比我看到的要多。
您是如何禁用大学跨度的可选择性的？分享你的全部代码，这样我们（我）就可以更好地了解正在发生的事情。我更新了它。老实说，虽然我的代码/课程中包含了这一点，但我感觉electron在这一问题上也贡献了自己的一份力量，但我不确定如何…你是如何禁用大学跨度的可选择性的？分享你的全部代码，这样我们（我）就可以更好地了解正在发生的事情。我更新了它。老实说，虽然我的代码/类中包含了这一点，但我感觉electron在这个问题上也贡献了自己的一份力量，但我不确定如何。。。
.noselect{
-webkit-user-select: none !important;  /* Chrome 49+ */
user-select: none !important;          /* Likely future */
}