Отключение подсветки списка при нажатии на маркер списка

Question

У меня есть простой список: пример: http://www.w3schools.com/html/html_lists.asp

Я использую Mozilla Firefox (версия 3.6, но я думаю, что версия не имеет значения). Когда я нажимаю (одиночно) на маркере, элемент списка выделяется (подсвечивается).

Есть ли способ отключить эту подсветку (без удаления подсветки навсегда с помощью -moz-selection)?

Такое поведение не наблюдается в Chrome или IE. Другой пример: (с изображением в стиле списка): http://www.sendesignz.com/Demo/jQuery/expanding_list_item/expanding.html

Есть ли способ в обычном javascript или jQuery или css отключить этот автоматический выбор в FF?

Answer 1

Вы можете использовать параметр mozilla css

CSS

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

Answer 2

Это функциональность, реализованная 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 3

Выбор, похоже, связан с событием mousedown.Вы можете заблокировать его, остановив событие.Например, в jQuery:

elt.mousedown(function(event){ return false; });