从mapbox贴图中删除css中悬停时的背景色

我正在制作地图盒地图，悬停时会显示紫色背景色

我在整个小提琴中使用的CSS代码是：

.box {
  width: 300px
}
.riding
{
}
  font-weight: bold
p, h1, #controls li label {
          font-family: nexa,arial,helvetica;
}
h1 {
  font-size: 24px;
}
p {
  font-size: 14px;
}
#controls li label {
  font-size: 14px;
}

.mapboxgl-canvas:hover {
background-color: #0000ff !important;
}

问题陈述：

我想知道我需要在小提琴上做些什么改变，以便悬停时它不会显示任何背景色。此时此刻,， 它呈紫色

这是我在代码中添加的内容，但它不起作用

.mapboxgl-canvas:hover {
background-color: #0000ff !important;
}

---

如果更改此部分代码（第313-319行）中的颜色：

要透明，将不会有悬停颜色。 代码如下所示，然后：

// Change style on 'featureEnter'
stopsInteractivity.on('featureEnter', featureEvent => {
    featureEvent.features.forEach((feature) => {
        feature.color.blendTo('transparent', 100);
        feature.width.blendTo(16, 100);
    });
});

---

如果更改此部分代码（第313-319行）中的颜色：

要透明，将不会有悬停颜色。 代码如下所示，然后：

// Change style on 'featureEnter'
stopsInteractivity.on('featureEnter', featureEvent => {
    featureEvent.features.forEach((feature) => {
        feature.color.blendTo('transparent', 100);
        feature.width.blendTo(16, 100);
    });
});

---

@Brooksreyt我查看了链接，但没有多大帮助，因为我没有在代码中同时使用事件和功能状态。让我知道。您在

：

和

hover

之间有一个空格-应该是

：hover

您编写的规则语法不正确，使用

.mapboxgl canvas:hover

@Adrift我已经在小提琴中更正了，但我仍然可以看到hover。@Brooksreyt我查看了链接，但没有太大帮助，因为我没有在代码中同时使用事件和功能状态。让我知道。你在

：

和

hover

之间有一个空格-应该是

：hover

你写的规则语法不正确，请使用

。mapboxgl canvas:hover

@Adrift我已经在小提琴中更正了，但我仍然可以看到hover。我已经授予你奖金。如果我有任何问题，我会告诉你的。我已经给你赏金了。如果我有任何问题，我会告诉你的。