html svg - 游标的奇怪颜色"十字准线"悬停svg元素

时间:2016-03-04 10:38:31

标签: html svg

当悬停具有颜色的svg元素时,鼠标光标的颜色("十字准线")会发生变化。我在Chrome和FF上观察到了这种行为。

Minimal Plunker:https://plnkr.co/edit/GPQWjRW7d9e5Nk1wq8QG?p=preview

如果将鼠标光标移到圆圈上,十字准线的颜色会发生变化。无论底层元素的颜色如何,我都希望十字准线保持黑色,或者根据形状的颜色控制十字准线的颜色。您是否知道为什么会出现这种情况(因为默认光标不会改变悬停时的颜色)?是否有解决方法/解决方法?

意图:我有一个带不透明度的svg元素(固定颜色)。当悬停它时,十字准线会产生一种颜色,表明光标位于元素的后面(z-index),我想避免这种情况。

作为具有CSS属性cursor : crosshair的svg的父容​​器的伪容器没有帮助。

感谢您的努力。

0 个答案:

没有答案