简爱博客
首页
登录
推荐几个 小巧的 CSS 文件
2017-7-22 简爱
### magic-input.css
`magic-input` 可以非常简单实现 单选框、复选框 的美化，实现 iPhone 开关样式 的复选框。并且不需要 改动现有元素结构 只需要为 input 添加 对应的样式类即可 单选框:`mgr`、 复选框:`mgc`、 iPhone 开关样式复选框:`mgc-switch`
#### 引入 `magic-input.css`
```html
```
#### iPhone 开关样式
```html
```
#### 复选框
```html
Default
Primary
Success
Info
Warning
Danger
```
#### 单选框
```html
Default
Primary
Success
Info
Warning
Danger
```
#### 不同尺寸 `class`
**复选框**
`mgc-sm`、`mgc-lg`
**单选框**
`mgr-sm`、`mgr-lg`
#### 不同颜色 `class`
**复选框**
`mgc-primary`、`mgc-info`、`mgc-success`、`mgc-warning`、`mgc-danger`
**单选框**
`mgr-primary`、`mgr-info`、`mgr-success`、`mgr-warning`、`mgr-danger`
### 未完待续
评论：
菜仔卢
2017-09-15 14:46
回复
路过，收藏了
天津网站建设
2017-08-10 17:45
回复
很不错啊
起点终站
2017-07-25 15:56
回复
好东西这个。。。