如何在前端激活按钮类？

Question

您可以在我共享的.cshtml代码中看到的按钮。我想更改这些按钮的类型。但是，无论我做什么，当我在浏览器中运行该应用程序时，按钮会默认。

这就是我所看到的。但是我想这样的一个 - ＆gt;

<h2>SIMPLE CALCULATOR</h2>
<form asp-action="Calculator" method="post">

    <div class = "border-dark">

               <div class = "form-group">
                 <label for = "FirstNumber">First Number</label>
                 <input type="text" class="form-control" id="FirstNumber" name="FirstNumber" value="@Model.FirstNumber"/>
               </div>

               <div class = "form-group">
                 <label for = "SecondNumber">Second Number</label>
                 <input type="text" class="form-control" id="SecondNumber" name="SecondNumber" value="@Model.SecondNumber"/>
               </div>

               <button type= "submit" class="btn-btn-info" id="addition" value="addition" name="method">+</button>
               <button type= "submit" class="btn-btn-danger" id="substraction" value="substraction" name="method">-</button>
               <button type= "submit" class="btn-btn-warning" id="multiplication" value="multiplication" name="method">*</button>
               <button type= "submit" class="btn-btn-default" id="division" value="division" name="method">/</button>

                <div class = "form-group">
                 <label for = "Result">Result</label>
                 <input type="text" class="form-control" id="ResultNumber" name="ResultNumber" value="@Model.ResultNumber"/>
               </div>
    </div>

</form>

Answer 1

如果您的Web应用程序正在使用Bootstrap（ASP.NET MVC Web应用程序模板中包含Bootstrap）。
Bootstrap 5按钮 -

class=“btn btn-primary”

您正在BTN BTN之间添加额外的破折号“ - ”。尝试删除第一个破折号。