| 類名 | 所屬標籤層級 | 含義 | 其他說明 |
|---|---|---|---|
| ui-btn | 1級，最外層 | 按鈕公共樣式，如手形，文字居中，塊狀顯示等 | |
| ui-btn-inline | 1級，最外層 | 當按鈕或類按鈕設置data-inline="true"是生成樣式，是按鈕等inline-block化 | 適用於下拉等其他控件 |
| ui-btn-corner-all | 1級和2級均有 | 所有按鈕，類按鈕元素公共的圓角設置類名 | 默認大小1em |
| ui-shadow | 1級 | 按鈕等大體積元素的公共盒陰影效果類名 | |
| ui-btn-up-* | 1級，最外層 | 按鈕默認狀態下控制主要樣式的類名，控制樣式包括邊框，以及皮膚漸變等 | *表示樣式模板的關鍵字母，例如 c 啦，可以自定義 |
| ui-btn-hover-* | 1級，最外層 | 鼠標經過按鈕時生成類名，此時ui-btn-up-*暫時休息，控制鼠標經過按鈕的UI表現 | *含義同上。在手機設備上，該類名貌似跟醬油啊。 |
| ui-btn-down-* | 1級，最外層 | 鼠標按下時添加類名，此時ui-btn-up-*休息，ui-btn-hover-*還在堅守 | *含義同上 |
| ui-btn-icon-* | 1級，最外層 | 按鈕設置data-icon類型時候生成類名，*表示left, right等位置 | 具體效果可參見官網 |
| ui-btn-inner | 2級，中間層標籤 | 主要設置間距，文字溢出點點點顯示燈屬性 | 默認上邊框有個1像素的30%透明的白線，我們在自定義按鈕樣式的時候需要注意下這個東東 |
| ui-btn-text | 3層，最裏層 | 設置了文字的z-index爲1，其他沒有可疑屬性 | |
| ui-icon系列 | 3層，最裏層 |
按鈕小圖標相關的類名，有ui-icon, ui-icon-*, ui-icon-shadow |
原創URL：http://www.zhangxinxu.com/wordpress/?p=2020