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

復(fù)選框的文本使用 label 標(biāo)簽，標(biāo)簽使用 .custom-control-label 類，label 的 for 屬性值需要匹配復(fù)選框的 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">

自定義復(fù)選框</label> </div></form>