Turn off hover effect

Question

Therefore, I am trying to disable the "hover" state of the tspan text tag. I have an element below that already has a freeze state, and whenever I mouse over the text, the freeze effect “blinks”. I want the text to be ignored in a frozen state.

See in this example , the “Morbihan” area, when we hover over the text “Morbihan”, the freezing effect flashes the area. The same thing happens with a tooltip, I want to turn off this effect when the text hangs up just by using a tooltip and highlights the color of the area.

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

So far I have disabled only the text cursor:

    tspan {
        cursor: default;
    }

Thank.

Answer 1

I think what you are looking for pointer-events:none;in an element text.

text {
    pointer-events:none;
}

Please note that applying this style to tspanwill not work. If you need to do this, you will need to use jQuery to apply the style to the parent element text. Something like $('tspan').parent().css({ pointerEvents: 'none' });(pseudo code, unverified)

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