html - 自定义光标未链接回文件夹

Question

我正在处理一些事情，这应该是相当容易的，但不知何故结果并非如此。在我的页面上，我使用的是引导轮播，因此当图像幻灯片悬停在“上一个”或“下一个”时，我希望显示一个自定义光标。

我试过让我的图像更小。我试过在线上传。我尝试将它们直接链接到 .html 中。我曾尝试使用 JavaScript 来做到这一点。我尝试在代码中添加额外的 div。但还是没有结果。我自己无法检测到错误 - 所以我希望有人可以。

这应该不难，但不知何故它仍然无法正常工作

.carousel-control-prev: {
cursor: url('Images/Arrows/Left.png'), auto;
}

.carousel-control-next: {
cursor: url('Images/Arrows/Right.png'), auto;
}

        <li class="Project" data-modal="myModal_1">

                    <span id="myBtn_1">
                        Irma Type
                    </span>

                    <span id="year">
                        2019
                    </span>

                    <div class="Describtion">
                        <p style="display:none;">
                           Typedesign
                        </p>
                    </div>

                
                    <div id="myModal_1" class="modal">
                     <div class="modal-content">

                    <div id="demo" class="carousel slide" data-ride="carousel">
                          
                          <!-- The slideshow -->
                          <div class="carousel-inner">

                            <div class="carousel-item active">    
                              <img src="Images/Lirma/type.jpg" alt="img" width="100%">
                            </div>


                          <!-- Left and right controls -->
                          <a class="carousel-control-prev" href="#demo" data-slide="prev">
                            <span class="carousel-control-prev-icon"></span>
                          </a>
                          <a class="carousel-control-next" href="#demo" data-slide="next">
                            <span class="carousel-control-next-icon"></span>
                          </a>
                          </div>

                         <p>Some text in the Modal...</p>
                   </div>
                </div>
            </div>
        </li>

Answer 1

我不确定这是否是答案，但我确实在你的 CSS 中看到了冒号的使用，而没有添加伪元素。

.carousel-control-prev {
cursor: url('Images/Arrows/Left.png'), auto;
}

.carousel-control-next {
cursor: url('Images/Arrows/Right.png'), auto;
}