平台样式
Ionic 根据应用程序运行的设备提供平台特定样式。根据设备指南对组件进行样式化，使应用程序能够编写一次，但根据访问位置的不同，对于用户来说感觉像原生应用。
Ionic 模式
Ionic 使用 **模式** 来定制组件的外观。每个 **平台** 都有一个默认的 **模式**，但这可以通过全局 配置 覆盖。下表显示了添加到每个 **平台** 的默认 **模式**。
| 平台 | 模式 | 描述 |
|---|---|---|
ios | ios | 在 iPhone、iPad 或 iPod 上查看将使用 iOS 样式。 |
android | md | 在任何 Android 设备上查看将使用 Material Design 样式。 |
core | md | 不符合上述任何平台的任何平台都将使用 Material Design 样式。 |
例如，在 Android 平台上查看的应用程序默认将使用 md（Material Design）模式。<html> 元素将添加 class="md"，并且所有组件都将使用 Material Design 样式。
<html class="md"></html>
注意：**平台** 和 **模式** 并不相同。平台可以在应用程序的 配置 中设置为使用任何模式。
覆盖模式样式
每个 Ionic 组件都可以根据模式进行样式化。html 元素具有 class 和 mode 属性，其值等于当前模式。这些可用于覆盖任何组件的样式。例如，要将 ion-badge 的文本在 ios 模式下设置为 uppercase，可以使用以下代码：
.ios ion-badge {
text-transform: uppercase;
}
还存在许多可用于覆盖样式的全局 CSS 变量。要为 ios 应用程序设置背景颜色，可以编写以下代码：
.ios {
--ion-background-color: #222;
}
存在许多可通过模式覆盖的全局变量，包括 Ionic 的颜色变量、主题变量 和 全局组件变量。