【问题标题】:How to change the back button color on md and ws in Ionic 2?如何在 Ionic 2 中更改 md 和 ws 上的后退按钮颜色?
【发布时间】:2017-07-12 17:20:09
【问题描述】:

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

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

},{}
)]

【问题讨论】:

    标签: javascript ionic-framework sass ionic2


    【解决方案1】:

    您需要在组件的 .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
        }
    }
    

    【讨论】:

    • 谢谢-应该可以。当您说全局时,您的意思是在 app.scss 中?我希望 ionic 提供一些关于此的文档。
    • 是的,你必须在app.scss中定义它。我在上面的帖子中也提到过。
    • 没有关于这个的文档。这只是一个CSS hack。但是如果你需要了解Ionic2 theming 那么:ionicframework.com/docs/theming
    猜你喜欢
    • 1970-01-01
    • 2017-11-13
    • 1970-01-01
    • 1970-01-01
    • 2019-10-25
    • 2018-08-12
    • 1970-01-01
    • 2018-03-07
    • 1970-01-01
    相关资源
    最近更新 更多