jQuery Mobile CSS 類

jQuery Mobile CSS 類

jQuery CSS 類

jQuery Mobile CSS 類來設(shè)置不同元素的樣式。

以下列表包含了通用的 CSS 樣式：

全局類

以下類可以在 jQuery Mobile 小工具中使用 (按鈕，工具條，面板，表格，列表等。):

按鈕類

除了全局類外，你可以向 <a> 或 <button> 元素添加以下類 (不是 <input> 按鈕):

圖標類

所有可用圖片的類用在 <a> 和 <button> 元素上 (查看 jQuery Mobile 圖標參考手冊 了解如何在其他元素上使用):

Class	圖標描述	圖標
ui-icon-action	動作 (一般用于頁面跳轉(zhuǎn)切換)
ui-icon-alert	三角形內(nèi)的感嘆號
ui-icon-audio	音響/音箱
ui-icon-arrow-d-l	左下角箭頭
ui-icon-arrow-d-r	右下角箭頭
ui-icon-arrow-u-l	左上角箭頭
ui-icon-arrow-u-r	右上角箭頭
ui-icon-arrow-l	左角箭頭
ui-icon-arrow-r	右角箭頭
ui-icon-arrow-u	向上箭頭
ui-icon-arrow-d	向下箭頭
ui-icon-back	返回
ui-icon-bars	三條水平線，一般用于展示列表按鈕圖標
ui-icon-bullets	用于展示列表按鈕圖標
ui-icon-calendar	日歷
ui-icon-camera	相機
ui-icon-carat-d	向下滑動圖標
ui-icon-carat-l	向左滑動圖標
ui-icon-carat-r	向右滑動圖標
ui-icon-carat-u	向上滑動圖標
ui-icon-check	勾選
ui-icon-clock	鬧鐘
ui-icon-cloud	云
ui-icon-comment	評論 / 消息
ui-icon-delete	刪除
ui-icon-edit	編輯 / 鉛筆
ui-icon-eye	眼睛
ui-icon-forbidden	禁用標識 sign
ui-icon-forward	撤銷 - (返回上一步)
ui-icon-gear	齒輪，一般用于設(shè)置按鈕圖標
ui-icon-grid	網(wǎng)格
ui-icon-heart	心型，可用于文章收藏
ui-icon-home	主頁
ui-icon-info	信息
ui-icon-location	定位
ui-icon-lock	鎖
ui-icon-mail	郵件 / 信封
ui-icon-minus	減號
ui-icon-navigation	導(dǎo)航
ui-icon-phone	電話
ui-icon-power	開關(guān) (On/off)
ui-icon-plus	加號
ui-icon-recycle	循環(huán) 標識
ui-icon-refresh	刷新
ui-icon-search	搜索 / 放大鏡
ui-icon-shop	商店/購物袋
ui-icon-star	星號
ui-icon-tag	標簽
ui-icon-user	用戶 / 人物
ui-icon-video	視頻 / 相機

主題類 Classes

jQuery Mobile 提供了兩個主題類: a (灰) 和 b (黑)。 但是，你可以創(chuàng)建你自己的自定義類 - 可定義到字母 "z" （查看 jQuery Mobile 主題 ）。 下表列出了可用的主題類。 字母 (a-z) 意為樣式可以指定 a 到 z。例如 ui-bar-a 或 ui-bar-b等。

網(wǎng)格類

網(wǎng)格中的列是等寬的（合計是 100%），沒有邊框、背景、margin 或 padding。 這里有四種布局網(wǎng)格可供使用：

更多信息可以查看 jQuery Mobile 網(wǎng)格 章節(jié)。