html - 如何使 html 有序列表中的数字无法选择

Question

如果我有一个有序列表，例如

<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>

突出显示列表项时，如何使编号（1. 和 2.）不可选？

Answer 1

这应该可以解决问题（根据需要更改选择器）：

ol {
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

ol p {
    -webkit-user-select: all; /* Chrome/Safari */        
    -moz-user-select: all; /* Firefox */
    -ms-user-select: all; /* IE10+ */
}