Пользовательский курсор не ссылается на папку - PullRequest
Новая
       7

Пользовательский курсор не ссылается на папку

0 голосов
/ 26 февраля 2020

Я имею дело с чем-то, это должно быть довольно легко, но как-то оказалось, что это не так. На моей странице я использую bootstrap карусель, поэтому при наведении курсора «предыдущий» или «следующий» для слайдов изображений я хочу, чтобы отображался пользовательский курсор.

Я пытался уменьшить свои изображения. Я пытался загрузить онлайн. Я попытался связать их прямо в. 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>

1 Ответ

0 голосов
/ 26 февраля 2020

Я не уверен, что это ответ, но я вижу использование двоеточия в вашем css без добавления псевдоэлемента. 

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

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