Отключить эффект наведения текста

Question

Так что я пытаюсь отключить состояние «hover» текстового тега tspan. У меня есть элемент ниже, который уже имеет состояние зависания, и всякий раз, когда я накладываю мышь на текст, эффект зависания «мигает». Я хочу, чтобы текст игнорировался в состоянии зависания.

См. В этом example, области «Морбиан», когда мы наводим указатель мыши над текстом «Морбиан», эффект зависания области мигает. То же самое происходит со всплывающей подсказкой, я хочу отключить этот эффект, когда зависание текста просто продолжается с помощью всплывающей подсказки и выделяет цвет области.

http://jsfiddle.net/neveldo/jh4jzyhw/

До сих пор я только отключить текстовый курсор:

tspan { 
     cursor: default; 
    } 

Спасибо.

Answer 1

Я думаю, что вы ищете pointer-events:none; на элементе text.

text { 
    pointer-events:none; 
} 

Следует отметить, что применение этого стиль к tspan не будет работать. Если вам нужно это сделать, вам нужно будет использовать jQuery для применения стиля к родительскому элементу text. Что-то вроде $('tspan').parent().css({ pointerEvents: 'none' }); (псевдо-код, непроверенный)

http://jsfiddle.net/daveSalomon/jh4jzyhw/155/