相关疑难解决方法(0)

如何设置prev/next箭头按钮的样式?

目标

我一直在尝试修改slick.css以适应我的网站所需的风格.我slick.css这里得到了.

现在

  • 我想让箭头(左+右)更大
  • 对于图标,我想使用没有circle-border它的那个.
  • 我喜欢fa-chevron-rightfa-chevron-left

我试过了什么?

的一部分 slick.css

.slick-prev, .slick-next { position: absolute; display: block; height: 200px; width: 50px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery html5

15
推荐指数
2
解决办法
5万
查看次数

标签 统计

css ×1

html ×1

html5 ×1

javascript ×1

jquery ×1