2017-04-02 36 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