如何使 html.checkboxfor 复选框变大？

Question

尝试在 razor 页面上放置一个复选框，除大小外一切正常。我尝试添加 @style 的 html 属性来设置宽度和高度。我试着把它放在复选框周围的 div 中。

  <label for="FluidAbsorbtion" class="col-form-label">Fluid Absorbtion 50 lbs X 2</label>
  <div class="form-control">
      @Html.CheckBoxFor(model => model.FluidAbsorbtion)
  </div>

我只需要它大一点。提前致谢！

Answer 1

尝试：在您的 @Html.CheckBoxFor()

中添加 @style

<label for="FluidAbsorbtion" class="col-form-label">Fluid Absorbtion 50 lbs X 2</label>
  <div class="form-control">
      @Html.CheckBoxFor(model => model.FluidAbsorbtion,new{ @style="width:20px;height:20px;" })
  </div>

结果：

如何使 html.checkboxfor 复选框变大？

How do I make a html.checkboxfor checkbox larger?

asp.net-core

checkbox

razor-pages