Jquery Flexslider箭头未正确显示

我被这个问题困扰了一段时间，似乎找不到答案，所以我决定直截了当地问

我使用Flexslider插件在一个站点上显示多个图像，但是，当悬停图像时显示的箭头导航处于关闭状态。箭头在顶部被切掉，它下面本应完全隐藏的文本部分显示出来。以下是问题的屏幕截图：

---

我试图修补CSS，但我就是搞不懂。有人能帮我吗？

删除

溢出：隐藏来自
。柔性方向导航a
：

.flex-direction-nav a  { 
    display: block; 
    width: 40px; 
    height: 40px; 
    margin: -20px 0 0; 
    position: absolute; 
    top: 50%; z-index: 10; 
    overflow: hidden; /* Remove this line */
    opacity: 0; 
    cursor: pointer; 
    color: rgba(0,0,0,0.8); 
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3); 
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    transition: all .3s ease; 
}

如果您需要更改或删除默认显示的“上一个”和“下一个”文本，请参阅插件的选项文档“根据您的需要定制”：

接下来，只需更新以下各项的设置：

prevText: "Previous",    //String: Set the text for the "previous" directionNav item
nextText: "Next",        //String: Set the text for the "next" directionNav item

您还可以添加
行高来解决此问题：

.flex-direction-nav a  {
    line-height: 40px;
}

PS：这似乎是Flexslider的一个错误，它不能正常使用默认设置。
我通过更改Flexslider CSS中“Flexslider图标”的字体大小（Flexslider.CSS中第70行左右）使其正常工作

默认设置为40px，但将其更改为30px在我正在构建的两个网站上运行良好。
打开“jquery.flexslider.js”文件并在第1125行搜索
“//主控件”
。你会发现

// Primary Controls
controlNav: true,
directionNav: true,
prevText: "Previous",
nextText: "Next", 

在这里，您需要删除下一个和上一个文本，然后再次保存它

希望这会有所帮助。
只需添加

.flex-direction-nav li a{
      height:50px; 
}

这将覆盖默认css，箭头是一种字体，对于其容器来说太大

只需添加此CSS，它将减小字体大小，进而修复截断问题

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 35px;
    display: inline-block;
    content: '\F001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

将此项添加到CSS中，它将覆盖flexslider的默认设置。此操作有效，但同时显示箭头和文本。我希望只显示箭头和隐藏文本。您有权访问标记吗？文本以html呈现，因此您可以在源代码处删除它。文本通过jQuery添加。我是jQuery的新手，所以我不知道该怎么做。但我认为它应该在那里，只是隐藏起来。基本上，我只需要稍微向下移动箭头。但我不知道怎么做。我最初的想法是使用当前设置为-20px的边距，但它只是移动整个导航..我认为您需要在脚本中找到应用该文本的点并将其删除。另一种选择是JS黑客在事后运行。使用CSS将文本移出屏幕的一个路径是使用：“文本缩进：-9999px；”但在这种情况下，这也会移动箭头。我只需打开插件代码，搜索字符串“Next”和“Previous”，然后删除。我确实这样做了，但似乎插件的功能中使用了文本本身。。