Question

我的节点/表达文件中包含以下代码：

             {{#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}}

我可以看到红色的删除按钮，但是单击它不会删除文件。当我使用并且将类型设置为提交时，它与我的路线完美配合，并删除了文件。如何使用实现CSS删除样式提交我的删除请求表格？

感谢大家的帮助！

Answer 1

您需要将其设置为button，而不是锚点。您只需添加相关的类定义即可使用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>

物化CSS按钮删除不起作用

1 个答案: