Question

我在svg中有美国地图，上面有州和悬停区域

Here is the link to JSFiddle

这里的问题是区域（例如太平洋）的笔触悬停颜色效果不佳。

在红色突出显示区域中，笔触悬停颜色运行良好，但在绿色突出显示的区域中，笔划颜色不起作用，混合白色时会变稀。请看下面的图片以了解我要说的话

我希望它像下面的图片，请看下面的图片

请指导我这样做的方法。

Answer 1

我不知道，由于stroke-width的大小，可能有点困难。只需看下面的答案，我就将鼠标悬停在fill颜色上了。

.region:hover path {
  fill: #dece0c;
}
.st1, .st2, .st3 {
    pointer-events: none;
}

链接到：JSFiddle