Bulma 的 input
CSS 类是针对 HTML 元素 <input>
的,支持下列类型属性:
type="text"
type="password"
type="email"
type="tel"
支持的修饰符可能影响:
颜色
#
HTML
HTML
HTML
HTML
HTML
HTML
型号
#
HTML
HTML
HTML
HTML
样式
#
状态
#
普通
悬停
聚焦
加载中
您可以通过在 control
容器上添加 is-small
、is-medium
或者 is-large
来重置加载旋钮的大小。
禁用
Readonly and static inputs
如果您使用 readonly
HTML 属性,输入框看起来也没什么变化,但是却不能编辑和没有阴影了。
如果您还添加了 is-static
修饰符,背景、边框、阴影和水平内边距将移除,垂直间距还保留,所以您很容易对齐输入框,就像使用其他水平表单一样。
使用 Font Awesome 图标
#
您可以在控件上添加两个修饰符之一:
-
has-icons-left
-
和/或
has-icons-right
您还需要添加一个修饰符在 icon上:
-
如果用
has-icons-left
就是 icon is-left
-
如果用
has-icons-right
就是 icon is-right
输入框的型号就是图标容器的型号。
Variables
#
Name
Type
Value
Computed Value
Computed Type
size
variable
color
variable
color
size
color
variable
color
variable
color