Вы можете использовать различные типы CSS-классов для стилизации элементов, как описано в следующих разделах.
Глобальные классы
Следующие классы могут использоваться в качестве глобальных классов в виджетах jQuery Mobile —
Sr.No. | Класс и описание |
---|---|
1 |
щ-краеугольный все Отображает элементы с закругленными углами. |
2 |
UI-тень Он отображает тень для элементов. |
3 |
щ-оверлей-тень Он отображает тень наложения для элементов. |
4 |
UI-мини Он отображает меньшие элементы. |
щ-краеугольный все
Отображает элементы с закругленными углами.
UI-тень
Он отображает тень для элементов.
щ-оверлей-тень
Он отображает тень наложения для элементов.
UI-мини
Он отображает меньшие элементы.
Классы кнопок
В следующей таблице перечислены классы кнопок, которые используются с элементами привязки или кнопками —
Sr.No. | Класс и описание |
---|---|
1 |
щ-BTN Он указывает, что элемент будет стилизован как кнопка. |
2 |
щ-БТН-рядный Она показывает кнопку как встроенный элемент, который экономит пространство, необходимое для метки. |
3 |
щ-БТН-икона-топ Он помещает значок над текстом. |
4 |
щ-БТН-значок правой Он размещает значок справа от текста. |
5 |
щ-БТН-значок дно Он помещает значок под текстом. |
6 |
щ-БТН-значок левый Он размещает значок слева от текста. |
7 |
щ-БТН-икона-notext Это показывает единственный значок. |
8 |
щ-БТН-а | б Он отображает цвет кнопки («a» будет фоновым цветом по умолчанию, т.е. серым, а «b» изменит цвет фона на черный). |
щ-BTN
Он указывает, что элемент будет стилизован как кнопка.
щ-БТН-рядный
Она показывает кнопку как встроенный элемент, который экономит пространство, необходимое для метки.
щ-БТН-икона-топ
Он помещает значок над текстом.
щ-БТН-значок правой
Он размещает значок справа от текста.
щ-БТН-значок дно
Он помещает значок под текстом.
щ-БТН-значок левый
Он размещает значок слева от текста.
щ-БТН-икона-notext
Это показывает единственный значок.
щ-БТН-а | б
Он отображает цвет кнопки («a» будет фоновым цветом по умолчанию, т.е. серым, а «b» изменит цвет фона на черный).
Классы значков
В следующей таблице перечислены классы значков, которые используются с элементами привязки или кнопки.
Sr.No. | Класс и описание |
---|---|
1 |
UI-значок действия Показывает значок действия. |
2 |
UI-значок-оповещение Он отображает восклицательный знак внутри треугольника. |
3 |
UI-значок стрелок-дл Это указывает вниз с левой стрелкой. |
4 |
UI-значок стрелок-др Указывает вниз стрелкой вправо. |
5 |
UI-значок стрелка-уль Это указывает вверх с левой стрелкой. |
6 |
UI-значок стрелка-ур Это указывает вверх со стрелкой вправо. |
7 |
UI-значок стрелка-л Указывает стрелку влево. |
8 |
UI-иконка-стрелка-р Это указывает на стрелку вправо. |
9 |
UI-значок стрелок-у Указывает стрелку вверх. |
10 |
UI-иконка-стрелка-д Указывает стрелку вниз. |
11 |
UI-иконки-бары Он показывает 3 горизонтальных столбика один над другим. |
12 |
UI-иконки-маркеры Он показывает 3 горизонтальные пули одна над другой. |
13 |
UI-значок-караты-д Он отображает карат вниз. |
14 |
UI-значок-каратах-л Он отображает карат влево. |
15 |
UI-значок-караты-р Он отображает карат направо. |
16 |
UI-значок-каратного-у Он отображает карат вверх. |
17 |
UI-значок проверка Это показывает значок галочки. |
18 |
UI-значок-комментарий Указывает комментарий или сообщение. |
19 |
UI-значок запрещенными Он отображает запрещенную иконку. |
20 |
UI-значок вперед Это указывает на значок вперед. |
21 |
UI-значок-навигации Указывает значок навигации. |
22 |
UI-значок повторного цикла Он отображает значок корзины. |
23 |
UI-значок-обновление Показывает значок обновления. |
24 |
UI-значок-теги Это указывает на значок метки. |
25 |
UI-значок-видео Это указывает на значок видео или камеры. |
UI-значок действия
Показывает значок действия.
UI-значок-оповещение
Он отображает восклицательный знак внутри треугольника.
UI-значок стрелок-дл
Это указывает вниз с левой стрелкой.
UI-значок стрелок-др
Указывает вниз стрелкой вправо.
UI-значок стрелка-уль
Это указывает вверх с левой стрелкой.
UI-значок стрелка-ур
Это указывает вверх со стрелкой вправо.
UI-значок стрелка-л
Указывает стрелку влево.
UI-иконка-стрелка-р
Это указывает на стрелку вправо.
UI-значок стрелок-у
Указывает стрелку вверх.
UI-иконка-стрелка-д
Указывает стрелку вниз.
UI-иконки-бары
Он показывает 3 горизонтальных столбика один над другим.
UI-иконки-маркеры
Он показывает 3 горизонтальные пули одна над другой.
UI-значок-караты-д
Он отображает карат вниз.
UI-значок-каратах-л
Он отображает карат влево.
UI-значок-караты-р
Он отображает карат направо.
UI-значок-каратного-у
Он отображает карат вверх.
UI-значок проверка
Это показывает значок галочки.
UI-значок-комментарий
Указывает комментарий или сообщение.
UI-значок запрещенными
Он отображает запрещенную иконку.
UI-значок вперед
Это указывает на значок вперед.
UI-значок-навигации
Указывает значок навигации.
UI-значок повторного цикла
Он отображает значок корзины.
UI-значок-обновление
Показывает значок обновления.
UI-значок-теги
Это указывает на значок метки.
UI-значок-видео
Это указывает на значок видео или камеры.
Тематические занятия
Он предоставляет два разных типа тем, таких как тема «a» и тема «b», чтобы настроить внешний вид приложения. Вы можете создавать свои собственные классы тем, добавляя образец буквы (az). В следующей таблице перечислены классы тем, которые указаны от буквы а до я.
Sr.No. | Класс и описание |
---|---|
1 |
щ-бар- (аг) Он отображает цвет панели, включая верхние и нижние колонтитулы и другие столбцы на странице. |
2 |
щ-объемноцентрированный (аги) Он отображает цвет для содержимого блока, включая просмотр списка, всплывающие окна, ползунки, панели, загрузчики и т. Д. |
3 |
щ-btn- (аг) Он отображает цвет кнопки. |
4 |
щ-группа-theme- (аг) Он отображает цвет для контрольных групп, списков и складных наборов. |
5 |
щ-overlay- (аг) Он отображает цвет фона для всплывающих окон, диалогов и контейнеров страниц. |
6 |
щ-страниц theme- (аз) Он отображает цвет для страниц. |
щ-бар- (аг)
Он отображает цвет панели, включая верхние и нижние колонтитулы и другие столбцы на странице.
щ-объемноцентрированный (аги)
Он отображает цвет для содержимого блока, включая просмотр списка, всплывающие окна, ползунки, панели, загрузчики и т. Д.
щ-btn- (аг)
Он отображает цвет кнопки.
щ-группа-theme- (аг)
Он отображает цвет для контрольных групп, списков и складных наборов.
щ-overlay- (аг)
Он отображает цвет фона для всплывающих окон, диалогов и контейнеров страниц.
щ-страниц theme- (аз)
Он отображает цвет для страниц.
Классы сетки
В следующей таблице перечислены классы сетки, которые используются с одинаковой шириной, без рамки, фона, полей или отступов.