2017-04-02 62 views
2

我能够设置后退按钮图标,并使用应用程序配置删除文本,但我如何设置图标的颜色? Ios采用主要/次要颜色,但在Android和Windows中显示为黑色。如何更改离子2中md和ws上的后退按钮颜色?

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

},{} 
)] 

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

回答

2

你需要给它,如下图所示您组件的.scss文件。

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

如果您需要做的是全球然后你必须这样做,如下图所示。

注意:我不喜欢使用!important hack.But不幸的是,它不工作没有。

app.scss

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

感谢 - 这应该工作。当你说全球化你的意思是在app.scss? 我希望能通过离子的方式来解释一些文档。 – smaira

+0

是的,你必须在'app.scss'中定义它。我在上面的帖子中也提到了它。 – Sampath

+0

没有关于这个的文档。这只是一个'CSS'黑客。但是如果你需要了解'Ionic2主题',那么:http://ionicframework.com/docs/theming/ – Sampath