jQuery Mobile - CSS 类

jQuery CSS 类

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

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

序号	类 & 说明
1	ui-corner-all 它显示带有圆角的元素。
2	ui-shadow 它显示元素的阴影。
3	ui-overlay-shadow 它显示元素的叠加阴影。
4	ui-mini 它显示较小的元素。

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

序号	类 & 说明
1	ui-btn 它指定元素将被设置为按钮样式。
2	ui-btn-inline 它将按钮显示为内联元素，从而节省了标签所需的空间。
3	ui-btn-icon-top 它将图标放在文本上方。
4	ui-btn-icon-right 它将图标放在文本的右侧。
5	ui-btn-icon-bottom 它将图标放在文本下方。
6	ui-btn-icon-left 它将图标放在文本的左侧。
7	ui-btn-icon-notext 它显示唯一的图标。
8	ui-btn-a\|b 它显示按钮的颜色（"a"将是默认背景颜色，即灰色，"b"会将背景颜色更改为黑色）。

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

序号	类 & 说明
1	ui-icon-action 它显示操作图标。
2	ui-icon-alert 它在三角形内显示感叹号。
3	ui-icon-arrow-d-l 它用左箭头指定向下。
4	ui-icon-arrow-d-r 它指定用右箭头向下。
5	ui-icon-arrow-u-l 它用左箭头指定向上。
6	ui-icon-arrow-u-r 它用右箭头指定向上。
7	ui-icon-arrow-l 它指定向左箭头。
8	ui-icon-arrow-r 它指定右箭头。
9	ui-icon-arrow-u 它指定向上箭头。
10	ui-icon-arrow-d 它指定向下箭头。
11	ui-icon-bars 它在另一个上方显示了 3 个水平条。
12	ui-icon-bullets 它在另一个上方显示了 3 个水平项目符号。
13	ui-icon-carat-d It displays the carat to down.
14	ui-icon-carat-l It displays the carat to left.
15	ui-icon-carat-r It displays the carat to right.
16	ui-icon-carat-u It displays the carat to up.
17	ui-icon-check 它显示复选标记图标。
18	ui-icon-comment 它指定注释或消息。
19	ui-icon-forbidden 它显示禁止图标。
20	ui-icon-forward 指定前进图标。
21	ui-icon-navigation 它指定导航图标。
22	ui-icon-recycle 它显示回收图标。
23	ui-icon-refresh 它显示刷新图标。
24	ui-icon-tag 表示标签图标。
25	ui-icon-video 它表示视频或相机图标。

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

序号	类 & 说明
1	ui-bar-(a-z) 它显示栏的颜色，包括页眉、页脚和页面中的其他栏。
2	ui-body-(a-z) 它显示内容块的颜色，包括列表视图、弹出窗口、滑块、面板、加载器等。
3	ui-btn-(a-z) 它显示按钮的颜色。
4	ui-group-theme-(a-z) 它显示控制组、列表视图和可折叠集的颜色。
5	ui-overlay-(a-z) 它显示弹出窗口、对话框和页面容器的背景颜色。
6	ui-page-theme-(a-z) 它显示页面的颜色。

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