如何删除带有 CSS 的底部边框？

Question

我正在使用 bootstrap 并且我已将手风琴改编为 table，它工作完美，除了当“切换打开”时图标显示我想删除的边框底部.这可能是某处继承的东西，但我无法弄清楚。

问题：

折叠时它工作正常：

这里是 table 代码：

<!-- language: lang-css -->

    .accordion-line-button {
      padding: 0;
      width: auto;
      border: none;
    }

<!-- language: lang-html -->

    <table class="accordion" id="accordionExample">
      <tr class="accordion-item">
        <td class="accordion-header" id="heading1">
          <button class="accordion-button accordion-line-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1"></button>
        </td>
        <td class="accord">
          Question
        </td>
      </tr>
      <tr>
        <td colspan="2" class="accordion-collapse collapse" id="collapse1" aria-labelledby="heading1" data-bs-parent="#accordionExample">
          <div class="accordion-body">Answer
          </div>
        </td>
      </tr>
    </table>

这里是link到bin。我正在使用我包含的模板，这是问题所在，有一些继承的东西我无法弄清楚。

感谢您的帮助

Answer 1

按钮上设置的不是边框属性，而是 box-shadow。请使用以下代码。

.accordion-line-button {
  box-shadow: none !important;
}

如何删除带有 CSS 的底部边框？

How can I remove the bottom border with CSS?

css

accordion

bootstrap-4