跳到内容< / >

按钮

基本

这里描述的按钮类可以应用于任何元素,但通常会应用于像素的元素一种输入(type =“提交”)按钮这样用户就可以和它进行交互。

至少,按钮应接收基本ipsButton类,加上一个大小类和一个样式类(下面解释)。

按钮样式

ipsButton_normal

ipsButton_primary

ipsbutton_alternate.

IPSButton_important.

ipsButton_light

ipsbutton_verylight.

ipsButton_overlaid

ipsbutton_link.

按钮尺寸

ipsButton_medium

ipsbutton_verysmall.

ipsButton_small

ipsbutton_large.

ipsButton_veryLarge

ipsbutton_fullwidth.
可与以上另一种尺寸组合。

残疾按钮

按钮可以通过添加类视觉禁用ipsbutton_disabled.,或在相关的输入元素上添加禁用财产。例如:

<一个href=“#”班级='ipsbutton ipsbutton_normal ipsbutton_medium ipsbutton_disabled'>已禁用按钮(链接)< / ><输入类型=“提交”班级=“ipsButton ipsButton_normal ipsButton_medium”禁用价值=“禁用按钮(输入)>

这些会呈现如此:

分割按钮

拆分按钮允许您通过指定显示彼此连接的按钮列表来轻松创建工具栏。

它们是通过指定类创建的ipsbutton_split.在包含两个或多个按钮的包装器元素上。包装器元素可以是< ul >标签,或任何对您使用有意义的其他人。

拆分按钮组中的所有按钮都应该是相同的大小,否则结果是不可预测的。不过,每个按钮可以使用不同的样式。

 
  • Button 3

  • 报告指南< / >


    ×
    ×
    • 创建新的...
    Baidu