当悬停具有颜色的svg元素时,鼠标光标的颜色("十字准线")会发生变化。我在Chrome和FF上观察到了这种行为。
Minimal Plunker:https://plnkr.co/edit/GPQWjRW7d9e5Nk1wq8QG?p=preview
如果将鼠标光标移到圆圈上,十字准线的颜色会发生变化。无论底层元素的颜色如何,我都希望十字准线保持黑色,或者根据形状的颜色控制十字准线的颜色。您是否知道为什么会出现这种情况(因为默认光标不会改变悬停时的颜色)?是否有解决方法/解决方法?
意图:我有一个带不透明度的svg元素(固定颜色)。当悬停它时,十字准线会产生一种颜色,表明光标位于元素的后面(z-index),我想避免这种情况。
作为具有CSS属性cursor : crosshair
的svg的父容器的伪容器没有帮助。
感谢您的努力。