ant-design/components/button/demo/status.md
2015-07-05 17:42:56 +08:00

21 lines
628 B
Markdown

# 按钮状态
- order: 3
通过背景色透明度的变化来体现不同的操作状态,移入或点击元素可以查看状态。
失效状态:为 `<button>` 元素添加 `disabled` 属性,即可体现。
---
````html
<button class="ant-btn ant-btn-primary">主按钮</button>
<button class="ant-btn ant-btn-primary disabled">主按钮(失效)</button>
<p></p>
<button class="ant-btn">次按钮</button>
<button class="ant-btn disabled">次按钮(失效)</button>
<p></p>
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
<button class="ant-btn ant-btn-ghost disabled">幽灵按钮(失效)</button>
````