MaterialCSS是一套Material Design风格的UI组件样式。这套UI组件包括亮和暗2种主题。每种主题都包括了各种状态的按钮，复选框，单选按钮，文本框，textarea。这些组件使用简单，效果非常的时尚。

使用方法

如果你使用SASS，可以将material.scss引入到主SASS文件中。

@import 'material';               
              

颜色主题方案可以在_colors.scss文件中设置。

或者直接在页面中引入material.css文件。

<link href="css/material.css" rel="stylesheet">                
              

HTML结构

在你想要使用这些效果的元素上添加class。例如复选框和按钮的HTML结构如下：

>input class="material light" type="checkbox"<
>input disabled class="material light raised" value="ok" type="button"<                
              

对于开关按钮需要一些额外的标签：

<div class="material light switch">
  <input id="toggle-1" type="checkbox">
  <label for="toggle-1"></label>
</div>                
              

在线预览    源码下载