简单好用的bootstrap单选框美化样式代码

演示  website 下载

介绍

这是一个非常简单的bootstrap单选框样式代码，对bootstrap原生radio单选框按钮进行了美化，它非常小（不到1KB）,效率相对较高,很实用。

使用方法

1.在页面中加载bootstrap框架，和单选框美化样式代码。

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
<link rel="stylesheet" href="./style.css">
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'></script>

2.添加一个单选框按钮，如下所示：

<div class="custom-control custom-radio custom-control-inline">
  <input type="radio" id="customRadioInline1" name="customRadioInline1" class="custom-control-input">
  <label class="custom-control-label" for="customRadioInline1">自定义切换radio</label>
</div>