禁用文字悬停效果

Question

所以我试图禁用文本tspan标记的“悬停”状态。我有一个已经有悬停状态的元素，每当我将鼠标放在文本上时，悬停效果“闪烁”。我希望在悬停状态下忽略文本。

在这个example，“Morbihan”区域看到，当我们将鼠标放在“Morbihan”文本上时，该区域的悬停效果会闪烁。工具提示也是如此，我希望禁用该效果，当悬停文本时，只需继续使用工具提示并突出显示该区域的颜色。

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

到目前为止，我只禁用了文本光标：

    tspan {
        cursor: default;
    }

谢谢。

Answer 1

我认为你在text元素上寻找pointer-events:none;。

text {
    pointer-events:none;
}

请注意，将该样式应用于tspan将不起作用。如果需要这样做，您需要使用jQuery将样式应用于父text元素。像$('tspan').parent().css({ pointerEvents: 'none' });（伪代码，未经测试）

之类的东西

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