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

时间:2013-06-16 01:20:30

标签: html

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

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

如何在突出显示列表项时使编号(1.和2.)无法选择?

1 个答案:

答案 0 :(得分: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+ */
}