©
이 문서에서는PHP 중국어 웹사이트 매뉴얼풀어 주다
对表单,对话框等中的操作使用 Bootstrap 的自定义按钮样式,支持多种大小,状态等。
Bootstrap 包含几种预定义的按钮样式,每种都有其自己的语义目的,还有一些额外的功能用于更多的控制。
使用颜色来增加意义只能提供一种视觉指示,而不会传达给辅助技术的用户 - 如屏幕阅读器。确保由颜色表示的信息或者来自内容本身(例如可见文本),或者通过其他方式包含,例如隐藏在.sr-only
类中的其他文本。
需要一个按钮,但不是他们带来的巨大背景颜色?用.btn-outline-*
替换默认的修饰符类任何按钮上的所有背景图片和颜色。
想要更大或更小的按钮?添加.btn-lg
或.btn-sm
更多尺寸。
通过添加.btn-block
创建块级别按钮 —— 即跨越父级的全部宽度的按钮。
活动时,按钮将显示为按下(背景较暗,边框较暗并且插入阴影)。不需要为** 添加类,因为它们使用伪类**。但是,如果需要以编程方式复制状态,则仍然可以强制使用带有
.active
相同的活动外观(并包含aria-pressed="true"
属性)。
通过将disabled
布尔属性添加到任何元素使按钮看起来不活动。
包括一些对未来友好的样式以禁用所有pointer-events
锚定按钮。在支持该属性的浏览器中,根本看不到禁用的游标。
禁用的按钮应该包含aria-disabled="true"
属性以指示元素对辅助技术的状态。
用按钮做更多。控制按钮为更多组件(如工具栏)指定或创建按钮组。
添加data-toggle="button"
切换按钮的active
状态。如果您预先切换按钮,则必须手动添加.active
类并将aria-pressed="true"
其添加到。
引导程序的.button
样式可以应用于其他元素,如s,以提供复选框或无线电样式按钮切换。添加
data-toggle="buttons"
到.btn-group
包含这些修改后的按钮以启用其各自样式的切换。
这些按钮的选中状态为只更新click
事件在按钮上。如果使用另一种方法更新输入-e。g.或者手动应用输入
checked
属性-您需要切换.active
在手动。
注意,预先选中的按钮要求您手动添加.active
类初始化到输入的...
Method |
Description |
---|---|
$().button('toggle') |
Toggles push state. Gives the button the appearance that it has been activated. |
$().button('dispose') |
Destroys an element’s button. |