mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 06:03:38 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

button

Browse Source
This commit is contained in:
afc163 2015-07-05 17:42:56 +08:00
parent 0110b82ad9
commit a83b90decc
1 changed files with 1 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/button/demo/status.md
View File

@ -2,9 +2,7 @@
- order: 3
通过背景色透明度的变化来体现不同的操作状态。
通过 `:hover` `:active` 伪状态实现，如需要表现出同 `:active` 的外观时可以添加 `.active` 类。
通过背景色透明度的变化来体现不同的操作状态，移入或点击元素可以查看状态。
失效状态：为 `<button>` 元素添加 `disabled` 属性，即可体现。
@ -12,17 +10,11 @@
````html
<button class="ant-btn ant-btn-primary">主按钮</button>
<button class="ant-btn ant-btn-primary hover">主按钮(hover)</button>
<button class="ant-btn ant-btn-primary active">主按钮(激活)</button>
<button class="ant-btn ant-btn-primary disabled">主按钮(失效)</button>
<p></p>
<button class="ant-btn">次按钮</button>
<button class="ant-btn hover">次按钮(hover)</button>
<button class="ant-btn active">次按钮(激活)</button>
<button class="ant-btn disabled">次按钮(失效)</button>
<p></p>
<button class="ant-btn ant-btn-ghost">幽灵按钮</button>
<button class="ant-btn ant-btn-ghost hover">幽灵按钮(hover)</button>
<button class="ant-btn ant-btn-ghost active">幽灵按钮(激活)</button>
<button class="ant-btn ant-btn-ghost disabled">幽灵按钮(失效)</button>
````