Input buttons输入按钮

关于如何给输入按钮样式化的示例; 比如带有type="button", type="submit", 或者type="reset"属性的input元素. 查阅按钮标记关于a元素和button元素的例子.

请注意:在1.4版本中data-属性仍然可以使用, 但样式化选项已弃用.

Default默认

Enhanced渲染

Input value

Corners边界

Enhanced

只有图标的按钮在默认情况下是圆形的. 在这里我们展示如何设置与其他按钮相同的边框半径.

Enhanced - Icon only

Shadow阴影

Enhanced

Inline内嵌

Enhanced

Theme主题

Enhanced - Inherit
Enhanced - Theme swatch A(主题样本A)
Enhanced - Theme swatch B(主题样本B)

Mini微型

Enhanced

Icons图标

Enhanced

Icon position图标位置

Inline(内嵌):

Enhanced - Left
Enhanced - Right
Enhanced - Top
Enhanced - Bottom
Enhanced - Icon only

Icon shadow图标阴影

Theme B:

Enhanced

Disabled禁用

Enhanced

Native inputs原生输入按钮