兼容IE8的CSS Checkbox和Radio美化插件

当前位置:主页 > CSS3库 > UI界面设计 > 兼容IE8的CSS Checkbox和Radio美化插件
兼容IE8的CSS Checkbox和Radio美化插件
分享:

    插件介绍

    checkbox_radio.css是一款用于美化Checkbox和Radio控件的CSS小插件。通过checkbox_radio提供的样式,你可以生成基于bootstrap,或字体图标,或图片的Checkbox和Radio美化样式。

    浏览器兼容性

    浏览器兼容性
    时间:2017-10-25
    阅读:
简要教程

checkbox_radio.css是一款用于美化Checkbox和Radio控件的CSS小插件。通过checkbox_radio提供的样式,你可以生成基于bootstrap,或字体图标,或图片的Checkbox和Radio美化样式。

使用方法

在页面中引入checkbox_radio.css文件。

<link href="css/checkbox_radio.css" rel="stylesheet">
                
HTML结构

Checkbox的HTML结构如下:

<label class="checkbox">
    <input type="checkbox">
    <i class="icon-checkbox"></i>
    Default
</label>
<br>
<label class="checkbox">
    <input type="checkbox" checked>
    <i class="icon-checkbox"></i>
    Checked
</label>
                

Radio的HTML结构如下:

<label class="radio">
    <input type="radio" name="group-radio">
    <i class="icon-radio"></i>
    Default
</label>
<br>
<label class="radio">
    <input type="radio" name="group-radio" checked>
    <i class="icon-radio"></i>
    Checked
</label>
                

Checkbox和Radio美化样式

该CSS Checkbox和Radio美化插件的github地址为:https://github.com/crazychicken/checkbox-radio

网友评论