使用建议
单选框，通常置于 RadioGroup 中，遵循 WAI-ARIA radiogroup 模式（roving tabindex + 方向键）。
Accessibility
ARIA role：radiogroup / radio
- div role=radiogroup 包裹
- roving tabindex：仅选中项（或首个可用项）tabindex=0
- 方向键在可用项间循环移动并选中、聚焦，跳过 disabled
- Home/End 跳首/末可用项
- RTL（dir=rtl）下 ArrowLeft/ArrowRight 语义镜像翻转
- button/card/pureCard 型用容器 role=radio + aria-checked（非原生 input），Space/Enter 选中
- extra 经 aria-describedby 关联
- Group 支持 aria-describedby/errormessage/invalid/required 透传（对齐 Semi）
设计变量
变量 | 默认值 | 用法 |
|---|---|---|
| --cd-color-radio-addon-buttonradio-bg-checked | var(--cd-color-bg-3) | 按钮样式单选选中项背景颜色 |
| --cd-color-radio-addon-buttonradio-bg-hover | var(--cd-color-fill-1) | 按钮样式单选悬浮态背景色 |
| --cd-color-radio-addon-buttonradio-text-checked | var(--cd-color-primary) | 按钮样式单选选中项文字颜色 |
| --cd-color-radio-buttonradio-bg-default | var(--cd-color-fill-0) | 按钮样式单选背景颜色 |
| --cd-color-radio-buttonradio-text-default | var(--cd-color-text-1) | 按钮样式单选文本颜色 |
| --cd-color-radio-buttonradio-text-disabled | var(--cd-color-disabled-text) | 按钮样式单选禁用态文本颜色 |
| --cd-color-radio-card-bg-active | var(--cd-color-white) | 卡片模式下单选圆圈背景颜色 - 按下态 |
| --cd-color-radio-card-bg-default | var(--cd-color-white) | 卡片模式下单选圆圈背景颜色 - 默认态 |
| --cd-color-radio-card-bg-hover | var(--cd-color-white) | 卡片模式下单选圆圈背景颜色 - 悬浮态 |
| --cd-color-radio-cardradiogroup-addon-text-default | var(--cd-color-text-0) | 卡片样式单选标题文字颜色 |
显示第 1 条-第 10 条，共 47 条
- 1
- 2
- 3
- 4
- 5