如何从引导复选框中删除圆角

Question

我无法从复选框元素中删除圆角，因此无法更改其shadow和background-color。

有人可以帮助我实现这个目标吗？ 我尝试过：

input[type="checkbox"] {
    background-color: white;
    border-radius: 0px;}

Answer 1

只需删除默认的复选框类

<div class="checkbox">
  <label><input type="checkbox" value="">Option 1</label>
</div>