Material Design Lite - 图标

Material Design Lite图标 - 从简单和简单的步骤学习Material Design Lite，从基本到高级概念，包括概述，环境设置，布局，网格，标签，页脚，徽章，按钮，卡片，进度条，旋转器，菜单，滑块，复选框，单选按钮，图标，开关，数据表，文本字段，工具提示。

MDL提供了一系列CSS类来应用各种预定义的视觉和行为增强功能，并将不同类型的复选框显示为图标.下表列出了可用的类及其效果.

Sr.No.	Class Name&描述
1	mdl-icon-toggle 将标签标识为MDL组件，并且在标签元素上是必需的.
2	mdl-js-icon-toggle 将基本MDL行为设置为标签，并且在标签元素上是必需的.
3	mdl-icon-toggle__input 将基本MDL行为设置为图标切换，并且在输入元素(图标切换)上是必需的.
4	mdl-icon-toggle__label 将基本MDL行为设置为标题，并且在i元素(图标)上是必需的.
5	mdl-js-ripple-effect 设置涟漪点击效果并且是可选的;继续使用label元素，而不是输入元素(icon-toggle).

示例

以下示例展示了如何使用 mdl-icon-toggle 类将不同类型的复选框显示为图标.

mdl_icons.htm

                                                                                                                                                     On Icon Off Icon Disabled Icon
                                                    format_bold                                                                               format_italic                                                                               format_underline

结果

验证结果.

On Icon	Off Icon	Disabled Icon
format_bold	format_italic	format_underline