单击列表项目符号时禁用列表突出显示

Question

我有一个简单的列表：例如：http://www.w3schools.com/html/html_lists.asp

我正在使用Mozilla Firefox（版本3.6，但我认为版本并不重要）。当我在项目符号上单击（单个）时，列表项将被选中（突出显示）。

有没有办法禁用此突出显示（不使用-moz-selection永久删除突出显示）？

Chrome或IE中未显示此行为。 另一个例子:(使用list-style-image）：http://www.sendesignz.com/Demo/jQuery/expanding_list_item/expanding.html

在普通的javascript或jQuery或css中是否有办法在FF中禁用此自动选择？

Answer 1

这是由Firefox实现的功能，虽然我不知道删除功能的任何真正方法，但您可以使用CSS解决方法。

在<li>中包裹<span>的所有内容，然后使用 margin ， padding 和绝对定位将范围定位在列表项上。

<强> HTML

<ul>
<li><span>Item</span></li>
<li><span>Item</span></li>
</ul>

<强> CSS

li span{
    margin-left: -50px;
    padding-left: 50px;
    position: absolute;
}

Answer 2

您可以使用mozilla css参数

<强> CSS

 li {-moz-user-select: none;}