【发布时间】：2018-06-15 18:15:45
【问题描述】：
我应该如何尝试自定义超出其提供的 SASS 变量范围的现有 UI 组件？
例如，我想自定义 ion-navbar 的边框，并使 iOS 和 Android 的设计扁平化。有可能从头开始创建组件，但我想知道是否可以在调整其 SASS 变量的范围之外仅自定义现有的 ion-navbar。
【问题讨论】：
标签： angular ionic-framework ionic3
【发布时间】：2018-06-15 18:15:45
【问题描述】：
您可以在 "node_modules" > "ionic-angular" > "components" > "toolbar" 中找到 ion-navbar 的代码并从那里自定义。
但是，我强烈建议您创建自己的自定义导航栏组件并从那里使用它。
【讨论】：
仔细阅读文档后，我在这里找到了答案：
https://ionicframework.com/docs/theming/platform-specific-styles/#overriding-the-mode-styles
我们只需要将.md 和.ios css 类添加到我们想要自定义的组件中。例如，自定义一个按钮：
.md .ios .button {
/* Your custom css here */
}
【讨论】：