如何使用 CSS 刪除底部邊框？

Question

我正在使用引導程序，並且我已經將手風琴改編成一張桌子，它工作得很好，除了“切換打開”時的圖標顯示我想刪除的邊框底部。 這可能是某處繼承的東西，但我無法弄清楚。

問題：

折疊時它工作正常：

這是表格代碼：

<!-- 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>

這里是bin的鏈接。 我正在使用我包含的模板，這是問題所在，有些東西正在繼承，我無法弄清楚。

謝謝您的幫助

Answer 1

它不是邊框屬性，而是設置在按鈕上的 box-shadow。 請使用以下代碼。

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