jQuery Mobile - CSS 类

jQuery CSS 类

您可以使用不同类型的 CSS 类来设置元素的样式，如以下部分所述。

以下类可以用作 jQuery Mobile 小部件上的全局类 -

下表列出了与锚点或按钮元素一起使用的按钮类 -

先生。	类别和描述
1	ui-btn 它指定该元素的样式为按钮。
2	ui-btn-内联它将按钮显示为内联元素，从而节省了标签所需的空间。
3	ui-btn-图标-顶部它将图标放置在文本上方。
4	ui-btn-图标-右它将图标放置在文本的右侧。
5	ui-btn-图标-底部它将图标放置在文本下方。
6	ui-btn-图标-左它将图标放置在文本的左侧。
7	ui-btn-图标-notext 它显示唯一的图标。
8	ui-btn-a\|b 它显示按钮的颜色（“a”将是默认背景颜色，即灰色，“b”会将背景颜色更改为黑色）。

下表列出了与锚点或按钮元素一起使用的图标类 -

先生。	类别和描述
1	ui 图标操作它显示操作图标。
2	ui 图标警报它在三角形内显示感叹号。
3	ui 图标箭头 dl 它用左箭头指定向下。
4	ui-图标-箭头-dr 它用右箭头指定向下。
5	ui 图标箭头 ul 它用左箭头指定向上。
6	ui 图标箭头 ur 它用右箭头指定向上。
7	ui-图标-箭头-l 它指定向左箭头。
8	ui-图标-箭头-r 它指定右箭头。
9	ui 图标箭头 u 它指定向上箭头。
10	ui 图标箭头 d 它指定向下箭头。
11	ui 图标栏它显示了 3 个水平条，一个在另一个之上。
12	ui 图标项目符号它显示了 3 个水平项目符号，一个在另一个之上。
13	ui 图标克拉 d 它显示克拉向下。
14	ui图标克拉-l 它在左侧显示克拉。
15	ui图标克拉-r 它在右侧显示克拉。
16	ui 图标克拉-u 它显示克拉数。
17 号	ui 图标检查它显示复选标记图标。
18	ui 图标评论它指定评论或消息。
19	ui图标禁止它显示禁止图标。
20	ui 图标转发它指定前进图标。
21	ui图标导航它指定导航图标。
22	ui图标回收它显示回收图标。
23	ui 图标刷新它显示刷新图标。
24	ui 图标标签它表示标签图标。
25	ui 图标视频它表示视频或相机图标。

它提供两种不同类型的主题，例如主题“a”和主题“b”来自定义应用程序的外观。您可以通过附加样本字母 (az) 创建自己的主题类。下表列出了从字母 a 到 z 指定的主题类。

先生。	类别和描述
1	ui-bar-(az) 它显示页面中的栏（包括页眉、页脚和其他栏）的颜色。
2	ui-body-(az) 它显示内容块的颜色，包括列表视图、弹出窗口、滑块、面板、加载器等。
3	ui-btn-(az) 它显示按钮的颜色。
4	ui-组-主题-(az) 它显示控件组、列表视图和可折叠集的颜色。
5	ui-覆盖-(az) 它显示弹出窗口、对话框和页面容器的背景颜色。
6	ui-页面主题-(az) 它显示页面的颜色。

下表列出了使用等宽、无边框、背景、边距或填充的网格类。