jQuery Mobile的按钮css样式的类定义

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