bootstrap4 单选框 默认_自定义单选框,Bootstrap4教程|小白教程网-电子教程、视频教程...

如果要自定义一个单选框，可以设置

为父元素，类为 .custom-control 和 .custom-radio，单选框作为子元素放在该

里头，然后单选框设置为 type="radio"，类为 .custom-control-input。

单选框的文本使用 label 标签，标签使用 .custom-control-label 类，label 的 for 属性值需要匹配单选框的 id。

Bootstrap4 实例

自定义单选框

完整代码html>

Bootstrap 实例(小白教程网 2d5.net)

自定义单选框

如果要自定义一个单选框，可以设置 div 为父元素，类为 .custom-control 和 .custom-radio，复选框作为子元素放在该 div 里头，然后单选框设置为 type="radio"，类为 .custom-control-input。

单选框的文本使用 label 标签，标签使用 .custom-control-label 类，label 的 for 属性值需要匹配单选框的 id。

自定义单选框

默认单选框

提交

效果图

小白教程网www.2d5.net