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 它顯示三個水平條，一個在另一個上面。
12	ui-icon-bullets 它顯示三個水平點，一個在另一個上面。
13	ui-icon-carat-d 它將插入符號顯示到下方。
14	ui-icon-carat-l 它將插入符號顯示到左側。
15	ui-icon-carat-r 它將插入符號顯示到右側。
16	ui-icon-carat-u 它將插入符號顯示到上方。
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) 它顯示頁面的顏色。

下表列出了與等寬、無邊框、背景、邊距或填充一起使用的網格類。

列印頁面