如何使html有序列表中的数字不可选择
如果我有一个有序列表,例如如何使html有序列表中的数字不可选择,html,Html,如果我有一个有序列表,例如 <ol> <li>list item 1</li> <li>list item 2</li> </ol> 清单项目1 清单项目2 在突出显示列表项时,如何使编号(1.和2.)不可选择?这应该可以做到(根据需要更改选择器): 这应该可以做到(根据需要更改选择器): 你是说“列表”前的数字还是“项目”后的数字?因为在我尝试过的几个浏览器中,数字是不可选择的,我相当确定他指的是之前的数字,因为之后
<ol>
<li>list item 1</li>
<li>list item 2</li>
</ol>
清单项目1
清单项目2
在突出显示列表项时,如何使编号(1.和2.)不可选择?这应该可以做到(根据需要更改选择器):
这应该可以做到(根据需要更改选择器):
你是说“列表”前的数字还是“项目”后的数字?因为在我尝试过的几个浏览器中,数字是不可选择的,我相当确定他指的是之前的数字,因为之后的数字后面没有点。请指定浏览器生成的数字是可选择的。在我测试的五种浏览器中,即使是全选(Ctrl+A)也没有将它们包括在选择中。这在chrome/chrome中发生,但在Firefox中没有。你是指“列表”前的数字还是“项目”后的数字?因为在我尝试过的几个浏览器中,数字是不可选择的,我相当确定他指的是之前的数字,因为之后的数字后面没有点。请指定浏览器生成的数字是可选择的。在我测试的五种浏览器上,即使是全选(Ctrl+A)也没有将它们包括在选择中。这在chrome/chrome中发生,但在Firefox中没有。除非将标记修改为包含
p
元素,否则这不能起作用。@JukkaK.Korpela:这就是我说“根据需要修改选择器”的原因。必须稍微修改php以使选择器工作,但这个答案非常有效:)。我仍然不明白为什么它在某些浏览器中是可选择的,而在某些浏览器中是不可选择的,但是应用了它,我想这是一个没有意义的观点。谢谢。除非标记被修改为包含p
元素,否则这不能起作用。@JukkaK.Korpela:这就是我说“根据需要修改选择器”的原因。我不得不稍微修改php以使选择器工作,但这个答案非常有效:)。我仍然不明白为什么它在某些浏览器中是可选择的,而在某些浏览器中是不可选择的,但是应用了它,我想这是一个没有意义的观点。谢谢
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+ */
}