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

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>