javascript - 如何更改 Ionic 2 中 md 和 ws 上的后退按钮颜色?

标签 javascript ionic-framework sass ionic2

我可以使用应用程序配置设置后退按钮图标并删除文本,但如何设置图标的颜色? Ios 拾取主色/辅色,但在 Android 和 Windows 中显示为黑色。

imports: [
IonicModule.forRoot(MyApp,{
  'backButtonText':'',
  'backButtonIcon':'arrow-back',
  'pageTransition':'ios'

},{}
)]

Difference between the back button colors in ios, md and ws

最佳答案

您需要在您的组件 .scss 文件中提供如下所示的信息。

.ws,
.md {
  .back-button {
            color: red;//what ever the color you like
        }
}

如果您需要全局执行此操作,则必须如下所示执行此操作。

注意:我不喜欢使用!important hack。但不幸的是,没有它它就无法工作。

app.scss

.md,
.wp {
    .back-button {
        color: red !important;//what ever the color you like
    }
}

关于javascript - 如何更改 Ionic 2 中 md 和 ws 上的后退按钮颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43167351/

相关文章:

javascript - 将jquery库函数写入typescript

javascript - mongodb 在嵌套容器中找不到我的模式方法

javascript - Uncaught (in promise) TypeError : selfHook. call is not a function

angularjs - oauth 回调后 Passport session 消失

javascript - 在 Document.ready 函数上更新 Ajax

angular - 如何在ionic 3中的div内设置背景图像?

javascript - ionic 列表项文本溢出未调整列表项的高度

html - 管道两个 SCSS 函数时,乘法操作数无效

javascript - 将修饰符类应用于数组中的指定元素[React]

html - 突出显示表格元素上的一列 - CSS