| 类名 | 所属标签层级 | 含义 | 其他说明 |
|---|---|---|---|
| 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