【问题标题】:change back button arrow color in ionic 3在ionic 3中更改后退按钮箭头颜色
【发布时间】:2017-11-13 14:43:26
【问题描述】:

如何更改 ionic 3 中的后退按钮颜色? (从白色到黑色)。这是带有此按钮的屏幕截图:

【问题讨论】:

    标签: css ionic-framework sass ionic2 ionic3


    【解决方案1】:

    你可以通过使用 css 来做到这一点。

    .back-button-icon-md {
      color: darkblue;
    }
    

    注意:md 适用于 android 。 ios 将md 替换为ios,Windows 将md 替换为wp

    【讨论】:

    • 不知道你为什么不只定位.back-button
    • 如何在类型脚本中执行此操作,以根据用户交互更改后退按钮的颜色?
    【解决方案2】:

    你可以通过使用 css 来改变它。将以下样式规则放在app.scss 文件中:

    ion-header ion-icon.back-button-icon.icon {
        color: map-get($colors, dark);
    }
    

    这将使用您的 $colors 数组(variables.scss 文件)中的 dark 颜色:

    $colors: (
      //...
      dark:       #222
    );
    

    【讨论】:

    • 谢谢,它的工作:D,但是,我在哪里可以找到更改后退按钮颜色文档?
    • AFAIK,没有这样的文档。后退箭头的样式应与页面标题一样。我不确定在您的情况下,代码中的某处是否存在 CSS 样式规则,该规则试图仅更改某些图标的颜色,而改为更改所有图标的颜色。
    猜你喜欢
    • 1970-01-01
    • 2013-08-25
    • 2016-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-26
    相关资源
    最近更新 更多