Default theme
Checkbox
Unchecked
Checked
Disabled
Checked && Disabled
Radio
Unchecked
Checked
Disabled
Checked && Disabled
Switch
switch
switch
Disabled
Checked && Disabled
Size
Checkbox(外部label包裹)
small checkbox
default checkbox
large checkbox
custom size
Radio(外部label包裹)
small radio
default radio
large radio
custom size
Switch
small switch
default switch
large switch
custom size
Green theme
Checkbox
Unchecked
Checked
Disabled
Checked && Disabled
Radio
Unchecked
Checked
Disabled
Checked && Disabled
Switch
switch
switch
Disabled
Checked && Disabled
Red theme
Checkbox
Unchecked
Checked
Disabled
Checked && Disabled
Radio
Unchecked
Checked
Disabled
Checked && Disabled
Switch
switch
switch
Disabled
Checked && Disabled
Yellow theme
Checkbox
Unchecked
Checked
Disabled
Checked && Disabled
Radio
Unchecked
Checked
Disabled
Checked && Disabled
Switch
switch
switch
Disabled
Checked && Disabled
转载请注明出处，此代码仅供学习交流，请勿用于商业用途。
下载代码
说明
X关闭
css3单选框复选框开关按钮美化特效
css3单选框复选框开关按钮美化特效，这套CSS3 UI库有红，蓝，黄，绿四种颜色主题。均以em为单位，方便对组件大小定制，定义了small(85%)，default(100%)，large(125%)三种尺寸大小，可针对不同设计自由扩展。