# Input 输入框
通过鼠标或键盘输入内容
# 基础用法
See the Pen Input Shadow Burst by alphardex (@alphardex) on CodePen.
# 输入框组
See the Pen Input Group by alphardex (@alphardex) on CodePen.
# Material 风格
See the Pen Material Input Field With Validation by alphardex (@alphardex) on CodePen.
# 可定制变量
# .form-control
| 名称 | 作用 |
|---|---|
| --input-padding | input 的内边距 |
| --input-color | input 内容的颜色 |
| --input-bg | input 背景的颜色 |
| --input-placeholder-color | input 占位符的颜色 |
| --input-radius | input 的圆角长度 |
| --input-border-color | input 边框的颜色 |
# .form-input-material
| 名称 | 作用 |
|---|---|
| --input-default-border-color | 默认情况下 label 的颜色 |
| --input-invalid-border-color | 校验不通过时 label 的颜色 |
| --input-valid-border-color | 校验通过时 label 的颜色 |
| --input-border-bottom-color | input 底部边框的颜色 |