我有三個按鈕:

<td>
        <a th:href="@{/appointments/{id}/details(id=${appointment.id})}">View</a> |
        <a th:href="@{/appointments/{id}/edit(id=${appointment.id})}">Edit</a> |
        <form th:action="@{/appointments/{id}/delete(id=${appointment.id})}" method="post">
            <input type="hidden" name="_method" value="delete" />
            <button type="submit">Delete</button>
        </form>
    </td>

視圖-編輯看起來很好，一樣，但在按鈕刪除，我有一些邊界，它沒有與這兩個對齊。

我想這是因為刪除按鈕在表單內部。

我嘗試了什么？

首先，我像這樣在按鈕上添加類: & lt按鈕類型= & quot提交& quotclass = & quotbtn刪除-BTN & quot；onclick = & quotreturn confirm('您確定要刪除此項目嗎？')& quot& gt刪除& lt/button & gt；

然后CSS是這樣的:

.btn {
  display: inline-block;
  margin-right: 10px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #007bff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

.delete-btn {
  background-color: #dc3545;
}

這是稍微好一點，但我仍然有刪除按鈕周圍的灰色邊框。 有沒有什么方法可以讓我刪除它，讓刪除按鈕和查看編輯按鈕在同一行？