離子css頁腳backgrond顏色和標題的顏色

Question

我正在與離子框架，我需要有一個頁腳與背景顏色紅色和文本對齊在中心。頁腳需要具有像按鈕一樣的行爲;頁腳是應該像一個按鈕，其中在中心有文 '註冊'：

我試試這個代碼：

離子HTML：

<ion-content> 
    Some content! 
</ion-content> 
<ion-footer-bar class="myColor"> 
    <div class="buttons"> 
    <button class="button">REGISTER</button> 
    </div> 
</ion-footer-bar> 

CSS：

.myColor{ 
    color:red 
} 

.button{ 
color:white; 
text-align:center; 
} 

但是，它不起作用。我不知道; 你們有些人有一些好的建議：

謝謝！

Answer 1

你應該只設置整個頁腳這樣一個可點擊的元素：

<ion-footer-bar class="myColor" ng-click="myRegisterFunction()"> 
    REGISTER 
</ion-footer-bar> 

然後你可以使用簡單的CSS：

.myColor { 
    background-color: blue; 
    text-align: center; 
    justify-content: center; 
    align-items: center; 
    color: white; 
} 

而在你的控制器，你可以調用函數：

$scope.myRegisterFunction = function() { 
    // do the registration stuff 
}