插件介绍

pretty.css是一款纯css3漂亮的checkbox和radio美化效果。pretty.css可以和多种字体图标结合使用，对原生的checkbox和radio进行美化，还可以制作按钮点击时的动画效果。

浏览器兼容性

教程

pretty.css是一款纯css3漂亮的checkbox和radio美化效果。pretty.css可以和多种字体图标结合使用，对原生的checkbox和radio进行美化，还可以制作按钮点击时的动画效果。

pretty.css支持的图标库有：

• FONT AWESOME
• BOOTSTRAP GLYPHICONS
• MATERIAL DESIGN ICONS (MDI)
• MATERIAL DESIGN ICONS (ZMDI)
• TYPICONS
• IONICONS
• GOOGLE MATERIAL DESIGN ICONS

安装

可以使用bower，npm或yarn来安装pretty.css。

使用方法

在页面引入pretty.min.css文件及所需要的字体图标库文件

HTML结构

Checkbox的基本HTML结构如下：

Radio的基本HTML结构如下：

其中mdi mdi-*是material design图标。如果你想使用fontawesome，可以修改为fa fa-close

SCSS变量

pretty.css的基本scss变量设置如下：

pretty.css的github地址为：https://lokesh-coder.github.i...

注：更多关于美化checkbox和radio的插件，欢迎大家评论留言，谢谢。

点击【右上角，关注 子瑜说IT 】持续更新IT资讯以及web前端开发教学

8年开发老码农福利赠送：网页制作，网站开发，web前端开发，从最零基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端小程序项目实战【视频＋工具＋电子书＋系统路线图】都有整理，送给每一位对编程感兴趣的小伙伴

获取方式：

右上角有私信，请私信发我：01 即可获取！