如何在Owl Carousel中更改上一个/下一个箭头图片？

Question

因此，我不想使用owl在旋转木马上的箭头，而是使用我发现的箭头。我将其设置为背景图像，但箭头仍保持灰色且不变。我是否必须更改猫头鹰css中的某些内容？还有一种简单的方法可以通过相对于页面的高度移动来使箭头响应吗？

.icon-arrow-left {
    background-image: url("css/icon-arrow-left.png");
    background-repeat: no-repeat;
    height: 44px;
    width: 44px;
    margin-right: 8px;
}
.icon-arrow-left:hover {
    background-image: url("css/images/icon-arrow-left.png");
}
.icon-arrow-right {
    background-image: url("css/images/icon-arrow-left.png");
    background-repeat: no-repeat;
    height: 44px;
    width: 44px;
    margin-left: 8px;
}
.icon-arrow-right:hover {
    background-image: url("css/icon-arrow-left.png");
}