Javascript Flexslider导航按钮在悬停时不可见，带有橙色框

我在WordPress网站上使用FlexSlider2

前后导航按钮不起作用后导航按钮只是一个橙色的盒子，前进导航按钮看起来很奇怪

在这里查看：

CSS在这里：

以下是header.php中的脚本：

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider({
        // Primary Controls
            directionNav: true,
            animation: "slide",
            controlsContainer: ".flex-nav-container",
    });
  });
</script>

如何使导航按钮正常显示？

更改两次链接到的样式表style.css中的class.flex direction nav li a。从该类中删除高度、宽度和文本缩进，并添加填充：15px；。然后在样式表flexslider.css中更改class.flex direction nav a:：before以显示：block；代替显示：内联块；同样在同一样式表中，将.flex direction nav的宽度和高度设置为40px。但是请确保只保留一个指向stylesheet style.css的链接，因为这些样式会相互覆盖，从而很难在css中发现问题

---

如果有帮助，请告诉我。

谢谢Kinburn101的帮助。这解决了问题，但“上一个”箭头仍然没有显示。有什么想法吗？如果您不确定如何修复，我可能会禁用上一个和下一个箭头。我确认CSS被链接了两次，因为wp_head两次调用它，我不知道如何阻止它这样做。非常感谢。能够回答我的问题：我必须添加文本对齐：对；到flexslide.css中的.flex-prev。再次感谢！我确信前面的箭头没有出现在初始更改中的原因是style.css链接了两次。通过添加未被覆盖的新属性，您现在可以看到它。如果我是你，我会尝试以某种方式禁用第二个链接，因为如果尝试进一步自定义，将导致重大问题。谢谢！是的，我会看看是否可以禁用CSS的第二个链接