如果要自定義一個復選框,，可以設置 <div> 為父元素，類為 .custom-control 和 .custom-checkbox,，復選框作為子元素放在該 <div> 里頭,，然后復選框設置為 type="checkbox"，類為 .custom-control-input。

復選框的文本使用 label 標簽,，標簽使用 .custom-control-label 類,，label 的 for 屬性值需要匹配復選框的 id,。

<form> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="customCheck" name="example1"> <label class="custom-control-label" for="customCheck">

自定義復選框</label> </div></form>