How do I make a html.checkboxfor checkbox larger?

Question

Trying to put a checkbox on a razor page and everything is working except the size. I have tried adding html attributes of @style to set width and height. I tried putting it in a div around the checkbox.

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

I just need it to be a bit larger. Thanks in advance!

Hi Steve, which version of asp.net are you using?

Qing Guo
– Qing Guo

2022-02-21 13:27:56 +00:00
Commented Feb 21, 2022 at 13:27 — Qing Guo
– Qing Guo, Commented Feb 21, 2022 at 13:27

Qing Guo · Accepted Answer · 2022-02-21 02:04:10Z

1

Try: add @style in your @Html.CheckBoxFor()

<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>

result:

answered Feb 21, 2022 at 2:04

Qing Guo

9,2971 gold badge8 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Steve Cross Over a year ago

That worked. I was adding the style wrong. Thank you.

Collectives™ on Stack Overflow

How do I make a html.checkboxfor checkbox larger?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related