我的光标没有出现在我的一半图像中

Question

在 HTML 的这一部分中，我使用 JavaScript 插入了元素

 <div id="carousel-container" class="carousel-box"> 

 </div>

我为插入的元素添加了样式，出于某种原因，我想与图像一起使用的指针没有出现，在某些图像中它确实出现了，在其他图像中，指针仅在您将鼠标悬停在它的下半部分时才会改变，而不是按预期将鼠标悬停在图像的任何部分时进行更改。

.carousel-box{
overflow: hidden;
display: flex;
cursor: pointer;
width: 80%;
margin: 0 auto; 
}

https://github.com/ArturoV6/E-commerce

Answer 1

尝试将光标样式添加到图像，而不是在 div

.carousel-box{
  overflow: hidden;
  display: flex;
  width: 80%;
  margin: 0 auto; 
}

.images {
  cursor: pointer;
}