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

Question

我正在处理一些事情，这本来应该很容易，但不知何故却并非如此。在我的页面上，我使用 bootstrap 旋转木马，因此当图像幻灯片悬停在 "previous" 或 "next" 时，我希望显示自定义光标。

我试过缩小图像。我试过在线上传。我尝试在 .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;
}

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

Custom-cursor is not linking back to folder

html

css

cursor

custom-cursor