Flexslider更改按钮

Question

无论如何我可以将小导航按钮更改为flexslider上的文本按钮吗？我无法在互联网上找到它。

Answer 1

使用图像作为导航按钮：

.flex-direction-nav a:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-left.png') no-repeat;
    width: 40px;
    height: 40px;
}
.flex-direction-nav a.flex-next:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-right.png') no-repeat;
    width: 40px;
    height: 40px;
}

Answer 2

您可以使用prevText和nextText属性，如下所示（我使用箭头，但您可以更改为您想要的任何文本）：

$('.flexslider').flexslider({
    prevText: "←",
    nextText: "→"
});      

然后在flexslider.css中删除background-image中的text-indent和.flex-direction-nav a属性。

希望它有所帮助。