How to implement change edge color based on css when hovering edge

[shuitai]

--vf-theme-edge-hover: black;

.vue-flow__edge.selectable:hover .vue-flow__edge-path,
.vue-flow__edge.selectable.selected .vue-flow__edge-path {
stroke: var(--vf-theme-edge-hover);
}

the css cannot change the stroke color.

but react-flow could do this, so could you let me know how to implement it in vue-flow?

[bcakmakoglu]

.vue-flow__edge:hover path {
  stroke: red;
}