Html SVG图像地图悬停效果

我已经试着解决这个问题好几天了，但还是没办法解决。看起来这将是一个非常简单的解决方案

我想让地图的每个区域在你悬停时高亮显示。问题是当光标悬停在文本上时，该区域将恢复为原始填充颜色

有什么建议吗

。地图高亮显示：悬停{
填写：#D01A20！重要；
}

地图示例

为

---

将

：将
选择器悬停在


a:hover .map-highlight {
  fill: #D01A20 !important;
}