用于删除的具体化css按钮不起作用

我的node/express文件中有以下代码：

             {{#each allimages}}
        <div class="col m3 14">
            <div class="card hoverable">
                <div class="card-image">
                    <a href="/uploads/{{imageName}}" data-lightbox="mygallery" data-title="This is a test">
                        <img src="/uploads/{{imageName}}">
                    </a>
                </div>

                <div class="card-action2 right-align">
                    <form action="/user/{{id}}?_method=DELETE" method="POST">
                        <button type="submit" class="btn-floating btn waves-effect waves-light red">
                            <i class="material-icons">delete</i>
                        </button>
                    </form>
                    <form action="/user/{{id}}?_method=DELETE" method="POST">
                        <button type="submit" class="btn-floating btn waves-effect waves-light blue">
                            <i class="material-icons">edit</i>
                        </button>
                    </form>
                </div>
            </div>
        </div>
        {{/each}}

{{{#每一个allimages}
删除
编辑
{{/每个}}

我可以看到我的删除按钮是红色的，但当我点击它时，它不会删除文件。当我使用和类型设置为提交时，它与我的路由完美配合，并删除文件。如何使用MaterializeCSS删除样式提交删除请求表单

---

谢谢大家的帮助

您需要使其成为

按钮，而不是锚定按钮。您只需添加相关的类定义即可使用Materialize按钮的样式：

<div class="card-action2 right-align">
  <form action="/user/{{id}}?_method=DELETE" method="POST">
    <button type="submit" class="btn-floating btn waves-effect waves-light red">
      <i class="material-icons">delete</i>
    </button>
  </form>

  <a href="2.html">
    <i class="material-icons blue-grey-text">edit</i>
  </a>
</div>


删除
谢谢BenM，这很有效！我对前端非常陌生，所以非常感谢。你能帮我安排一下布局吗？我已经用完整的html代码编辑了我的原始问题。对于不同大小的所有图像，图像卡大小必须相同，并且编辑amd删除按钮必须并排。现在他们的排列方式是一个在上面，另一个在下面的另一排。@Aminbaing请不要移动球门柱。您编辑的问题应该是后续问题，而不仅仅是编辑。对此表示歉意。我想绝望会让我们做傻事。