如何让用户选择适用于 Safari 浏览器

我有这个 html 结构：

<ol class="linenums">
   <li class="L0">
      <code>
          <span><!-- piece of code--></span>
      </code>
   </li>
</ol>

代码之前有行号。 通过选择代码，我使用此 css，以便仅选择代码而不选择行号

ol.linenums li {
-user-select: none;
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
} 
ol.linenums li code {
-user-select: all;
-webkit-user-select: all; /* Chrome/Safari */        
-moz-user-select: all; /* Firefox */
-ms-user-select: all; /* IE10+ */
}

在每个浏览器（IE、FF、Chrome、Opera）中，仅选择代码。除了在 苹果浏览器;根本不可能选择任何东西。

我怎样才能让它在 Safari 上工作？

Safari 似乎也需要这一行：

-webkit-user-select: text;

所以它现在可以使用以下代码：

ol.linenums li code {
  user-select: all;
  -webkit-user-select: text; /* Safari fallback only */
  -webkit-user-select: all; /* Chrome/Safari */
  -moz-user-select: all; /* Firefox */
  -ms-user-select: all; /* IE10+ */
}