选择控件

2018-05-25 15:36 更新

选择控件包括复选框、单选框和开/关切换。

调用方式

选择控件使用纯 CSS 编写,只需编写 HTML 代码即可生效。

色彩

使用强调色。


相关资源

Material Design 选择控件设计规范


样式

复选框

www.mdui.org 选择控件 - 复选框

在线运行


单选框

www.mdui.org 选择控件 - 单选框

在线运行


开/关切换

www.mdui.org 选择控件 - 开关切换

在线运行


CSS 类名列表

 类名 效果
 .mdui-checkbox 定义复选框。
 .mdui-checkbox-icon 定义复选框内的图标。
 .mdui-radio 定义单选框。
 .mdui-radio-icon 定义单选框内的图标。
 .mdui-switch 定义开/关切换。
 .mdui-switch-icon 定义开/关切换内的图标。









以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号