长按Mobile Safari iOS（iPhone / iPad）上的整个单词

Question

我正在尝试使用iOS（iPhone / iPad）上的Mobile Safari从网页中选择文本。我尝试选择的文本不包含任何空格，但可以在单词中包含特殊字符（即!$@）-考虑一下随机生成的密码列表。

<div>
  <span>fkCJziSew6yNKt$pDLE4bd</span><br />
  <span>sNe$?jWftpJXgbH48aUC2i</span><br />
  <span>ACw7Hy6gcLUrjepuDz2EbK</span><br />
  <span>zqVtJUZuc2L7hvXMGwSERy</span><br />
</div>

如果单词仅包含字母数字字符（即A-Z和0-9），则可以按住该单词并选择整个单词-然后选择“复制”它复制了整个单词。但是，如果单词包含特殊字符（即!$@），则在按住时将仅选择不超过特殊字符的单词。特殊字符会导致断字，例如iOS中的行为。当然，我可以手动将选择范围扩大到覆盖整个单词，但是我正尝试更改其行为，以便它首先选择整个单词。

我尝试针对span元素设置user-select CSS属性，但似乎没有什么区别。

-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;

有人对如何实现这种行为有任何建议吗？