![](/img/trans.png)
[英]EasySlider1.7 - How Do I Get Arrows on a Second Slider To Function?
[英]How do I vertically align and customize slider arrows
我添加了CSS来样式化.customer-logos
的上一个箭头和下一个箭头,但是标准按钮样式仍显示在添加的CSS下? 如何解决此问题,并将按钮对准滑块的两侧而不是上方和下方?
https://jsfiddle.net/huten0wq/46/
.slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 40px; line-height: 1; color: gray; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev:before { content: "\f053"; }
[dir="rtl"] .slick-prev:before { content: "\f054"; }
[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
.slick-next:before { content: "\f054"; }
[dir="rtl"] .slick-next:before { content: "\f053"; }
这可能是您想要的
.customer-logos button {
position: absolute;
top: 50%;
z-index: 1;
}
.customer-logos button:nth-child(1) {
left: 0;
}
.customer-logos button:nth-child(3) {
right: 0;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.