要更改ngx-swiper-wrapper中的箭头样式,可以通过添加自定义CSS来实现。下面是一个代码示例:
/* 更改箭头样式 */
.swiper-button-next,
.swiper-button-prev {
background-color: #000; /* 设置箭头背景颜色 */
color: #fff; /* 设置箭头颜色 */
font-size: 20px; /* 设置箭头字体大小 */
}
/* 鼠标悬停时的样式 */
.swiper-button-next:hover,
.swiper-button-prev:hover {
background-color: #555; /* 设置箭头背景颜色 */
}
通过以上步骤,你可以自定义ngx-swiper-wrapper中的箭头样式。在CSS代码中,你可以根据自己的需求修改箭头的背景颜色、字体颜色和大小。记得将上述CSS代码添加到你的组件的CSS文件中,并根据需要进行调整。