<#def title = "单选框样式"/> <#def keyword = "ZhiqimUI"/> <#def desc = "单选框样式是指参考单选按钮设计出有颜色设定单选的圆框的样式。单选框默认1像素边框，移入时变为2像素边框，选中后增加背景颜色并显示打勾图标表示已选中，单选框默认黑色，支持红橙黄绿青蓝紫等颜色和大小5种设定。"/> <#def prevUrl = "checkbox.htm"/> <#def nextUrl = "select.htm"/> ${zhiqim_com_header()} ${zhiqim_com_topnav()}

${zhiqim_com_ui("tutorial", "ui", "form", "radio")}

${zhiqim_com_breadcrumb("文库", "教程", "单选框样式")}

<#-- 标题 -->

单选框样式：

单选框样式是指参考单选按钮设计出有颜色设定单选的圆框的样式。单选框默认1像素边框，移入时变为2像素边框，选中后增加背景颜色并显示打勾图标表示已选中，单选框默认黑色，支持红橙黄绿青蓝紫等颜色和大小5种设定。

<#-- 一、纯单选框样式 -->

一、纯单选框样式（标准大小）

单选标准按钮
类型	未选中	未选中代码	已选中	未选中代码
默认
红色
橙色
黄色
绿色
青色
蓝色
紫色

<#-- 二、纯单选框样式（大号） -->

二、纯单选框样式（大号）

类型	未选中	未选中代码	已选中	未选中代码
默认
红色
橙色
黄色
绿色
青色
蓝色
紫色

<#-- 三、纯单选框样式（加大） -->

三、纯单选框样式（加大）

单选加大按钮
类型	未选中	未选中代码	已选中	未选中代码
默认
红色
橙色
黄色
绿色
青色
蓝色
紫色

<#-- 四、单选框样式和单选按钮联动 -->

四、单选框样式和单选按钮联动

类型	未选中	未选中代码	已选中	未选中代码
默认
有名称，点我也可以
红色

${zhiqim_com_chapter()}

${zhiqim_com_footer()}