如何更改 ASP.NET 中按钮的大小？

Question

通常在 ASP.NET 核心中，据我所见，有两种类型的按钮，一种代表 Link/Action，另一种代表“提交按钮”。提交按钮总是比 Link.

按钮大得多

这种类型的按钮代码是 Link，我使用：

<a class="btn btn-sm btn-primary" asp-action="Details" asp-route-id="@item.Id">
LINK BUTTON
 </a>

<a class="btn btn-sm btn-primary" type="submit" asp-action="Create" asp-route-id="">
 ANOTHER LINK BUTTON
</a>

我用于提交按钮的代码是这样的：

<div class="form-group">
 <input type="submit" value="BIGG BUTTON" class="btn btn-primary" />
</div>

如何使所有按钮的大小相同？我的意思显然是提交按钮更厚，因为我希望我所有的按钮都具有相同的厚度。

Answer 1

尝试从小按钮中删除 btn-sm class 属性。

Answer 2

您仍然可以使用 <a></a> 标签而不是 <input/> 标签来提交您的表单，以便保留样式。你只需像下面这样用 juery 调用提交表单。

<form asp-action="CreateForm" method="post">
    <a href="javascript:void(0)" class="btn btn-sm btn-primary submit-form">
        Big Button
    </a>
</form>

<script>
    $(document).ready(function () {
        $(document).on("click", ".submit-form", function () {
            var form = $(this).closest("form");
            form.submit();
        }); 
    });
</script>

如何更改 ASP.NET 中按钮的大小？

How do I change the size of a Button in ASP.NET?

html

css

asp.net-core

razor

submit