如果要自定义一个复选框,可以设置
复选框的文本使用 label 标签,标签使用 .custom-control-label 类,label 的 for 属性值需要匹配复选框的 id。
Bootstrap4 实例
如果要自定义一个单选框,可以设置
单选框的文本使用 label 标签,标签使用 .custom-control-label 类,label 的 for 属性值需要匹配单选框的 id。
我们可以在外部元素上使用 .custom-control-inline 类来包裹自定义表单控件,这样自定义表单控件就能显示在同一行: 创建自定义选择菜单可以在 元素上添加 .custom-select 类: 如果我们要设置自定义选择菜单大小,可以使用 .custom-select-sm、.custom-select-lg 来设置它们的大小: 我们可以在 input 为 type="range" 的输入框中添加 .custom-range 类来设置自定义滑块控件: 我们可以在父元素添加 .custom-file 类,然后在 input 设置为 type="file" 并添加 .custom-file-input:
上传控件的文本使用 label 标签,标签使用 .custom-file-label 类,label 的 for 属性值需要匹配复选框的 id。
自定义控件显示在同一行
自定义选择菜单
自定义选择菜单
Google
Runoob
Taobao
比较小的自定义选择菜单
Google
Runoob
Taobao
比较大的自定义选择菜单
Google
Runoob
Taobao
自定义滑块控件
自定义文件上传控件