accordion - 创建手风琴后，文本面板顶部有一个随机的蓝色边框。我使用了来自foundation.zurb 的代码。我该如何摆脱这个？

Question

创建手风琴后，文本面板顶部有一个随机的蓝色边框。我使用了foundation.zurb中的代码。我该如何摆脱这个？

这是我使用的foundation.zurb中的代码。

<ul class="accordion">
  <li class="active">
    <div class="title">
      <h5>Accordion Panel 1</h5>
    </div>
    <div class="content">
      <p></p>
      <p></p>
    </div>
  </li>
  <li>
    <div class="title">
      <h5>Accordion Panel 2</h5>
    </div>
    <div class="content">
      <p></p>
      <p></p>
    </div>
  </li>
  <li>
    <div class="title">
      <h5>Accordion Panel 3</h5>
    </div>
    <div class="content">
      <p></p>
      <p></p>
    </div>
  </li>
</ul>

Answer 1

从您的代码的外观来看，您使用的是 F3（版本 3）。如果是这样，那么这就是预期的行为，实际上这不是随机的。因此，如果您单击每个选项卡（每个手风琴），您将在每个手风琴顶部看到一个蓝色边框。您可以通过覆盖样式将其关闭：

ul.accordion > li.active {
    border-top: medium none !important;
}