Javascript Bootstrap 4.1.0 carousel带有令人敬畏的字体控件，但悬停在控件上会使它们消失

我在Bootstrap4.1.0中制作了一个旋转木马，并在控件中使用了令人敬畏的字体，并使用css将控件保持在图像之外。将鼠标悬停在左侧或右侧控件上时，这些控件将消失。这是我自己做的密码笔 你能告诉我怎么做才能使旋转木马控件在悬停或鼠标悬停时不消失吗？谢谢

$（'.carousel'）.carousel（）

.carousel{
背景:#f5；
}
.转盘项目.img流体{
宽度：80%；
身高：80%；
}
.旋转木马项目a{
显示：块；
宽度：90%；
身高：90%；
}
.carousel control prev{
颜色：#036；
左边距：-1em；
z指数：10；
}
.下一个转盘控制{
颜色：#036；
右边距：-1rem；
z指数：10；
}
.carousel控件a：悬停{
颜色：004289；
z指数：10；
}

---

您需要添加

：悬停

操作并设置不同的颜色，现在它正在显示，但您的背景是白色的，这就是为什么您看不到它的原因

.carousel-control-prev:hover {
  color:red;
}

.carousel-control-next:hover {
  color:red;
}