禁用文本悬停效果

Question

禁用文本悬停效果

jquerycss

4

我想禁用文本tspan标签的“hover”状态。下面的一个元素已经有了hover状态，每当我把鼠标放在文本上时，hover效果会“闪烁”。我希望在hover状态下忽略文本。

在这个示例中，当我们将鼠标放在文本“Morbihan”上方时，“Morbihan”区域的hover效果会闪烁。提示框也是如此，我想禁用该效果，当悬停在文本上时，只需继续显示提示框和区域的高亮颜色。

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

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

    tspan {
        cursor: default;
    }

谢谢您。

- user1765661

不是很清楚您想要的功能。也许需要澄清：当您将鼠标悬停在“Morbihan”上时，应该发生什么？此外 - 地图位于iframe中，因此本地css不会应用。可以仔细查看mapael文档，网址为http://www.vincentbroute.fr/mapael/。 - Michael Tallino

当鼠标悬停在文本上时，我不希望它触发任何操作，就像文本不存在一样。现在，当我将鼠标悬停在文本上时，它会禁用绿色高亮区域的悬停效果。我希望鼠标对文本是“不可见”的。 - user1765661

也许尝试使用“tspan:hover {display:none;}”。 - Waxi

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dave Salomon · Accepted Answer

我认为你需要在text元素上使用pointer-events:none;。

text {
    pointer-events:none;
}

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