I am having this html structure:
<ol class="linenums">
<li class="L0">
<code>
<span><!-- piece of code--></span>
</code>
</li>
</ol>
Before the code, there are line numbers. By selecting the code, i use this css so that only the code is selected and not the linenumbers
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+ */
}
In every browser (IE, FF, Chrome, Opera), only the code is selected. Except in Safari; it is impossible to select anything at all.
How can i make this work for Safari?