3 回答

TA貢獻1785條經驗 獲得超4個贊
使用這個CSS
.carousel-wrapper {
cursor: url(https://i.stack.imgur.com/VTE97.png),auto;
overflow-x: hidden;
}
$(".owl-carousel").owlCarousel();
.item {
display: flex;
justify-content: center;
align-items: center;
background: #000;
margin: 15px;
color: #fff;
height: 150px;
}
/*.owl-carousel {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/
/*.owl-stage-outer {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/
/*.owl-stage {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/
/*.owl-item {cursor: url(https://i.imgur.com/ZUjicmP.png), auto;}*/
.carousel-wrapper {
cursor: url(https://i.stack.imgur.com/VTE97.png),auto;
overflow-x: hidden;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<div class="carousel-wrapper">
<div class="owl-carousel">
<div class="item">0-1</div>
<div class="item">0-2</div>
<div class="item">0-3</div>
<div class="item">0-4</div>
<div class="item">0-5</div>
<div class="item">0-6</div>
</div>
</div>

TA貢獻2003條經驗 獲得超2個贊
如果這也與拖放光標有關。您可能想要修改 owl-carousel 的樣式,特別是.owl-drag和.owl-grab類。只需確保添加父<div>類? - 例如parent-div 在其之前僅應用該父類內部的修改<div>。這個對我有用。
.parent-div .owl-carousel.owl-theme.tour-packages-slider.owl-loaded.owl-drag {
cursor: grab;
}
.parent-div .owl-carousel.owl-theme.tour-packages-slider.owl-loaded.owl-grab {
cursor: grabbing;
}
添加回答
舉報