ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
## mo-radio > 单选类,仅可用于`label + input[radio]` 标签上 如果要禁用,只需要给`input[radio`添加`disabled`属性; 如果要选中,只需要给`input[radio`添加`checked`属性; 文字label必须使用`span`标签包裹,并且位于`icon`之后 ![](https://box.kancloud.cn/062352b56737af04e6aa0734021be173_581x381.png) | className | 描述 | 说明 | | --- | --- | --- | | `mo-radio` | 默认样式 | -- | | `mo-radio--primary` | 主色调 | `#0275d8` | | `mo-radio--positive` | 积极色 | `#5cb85c` | | `mo-radio--negative` | 消极色 | `#d9534f` | ### 实例 ```html <label class="mo-radio"> <input type="radio" name="mo-radio"> <i class="icon"></i> <span>radio</span> </label> //disabled <label class="mo-radio"> <input type="radio" name="mo-radio" disabled> <i class="icon"></i> <span>radio</span> </label> //checked <label class="mo-radio"> <input type="radio" name="mo-radio" checked> <i class="icon"></i> <span>radio</span> </label> ``` ### 自定义 ``` scss @import './mixins/radio'; //自定义样式(颜色) .mo-radio--[style] { @include radioStyle($color); } ```