使用 zurb 基础代码的手风琴切换图标

如何解决使用 zurb 基础代码的手风琴切换图标

我正在为手风琴使用 zurb 粉底。如何在切换栏上添加加减图标？类似 https://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=accordion-with-plus-minus-icon 这是我正在使用的 html 代码

`

<dl class="accordion" data-accordion>
  <dd class="accordion-navigation">
    <a href="#panel1">Accordion 1</a>
    <div id="panel1" class="content active">
      <p>Content of Accordion Panel1</p>
    </div>
  </dd>
  <dd class="accordion-navigation">
    <a href="#panel2">Accordion 2</a>
    <div id="panel2" class="content">
    <p>Content of Accordion Panel2</p>
    </div>
  </dd>
  <dd class="accordion-navigation">
    <a href="#panel3">Accordion 3</a>
    <div id="panel3" class="content">
      <p>Content of Accordion Panel3</p>
    </div>
  </dd>
</dl>

`