ionic css footer backgrondタイトルの色と色

Question

私はIonicフレームワークを使用しています。背景色が赤で、中央にテキストが配置されたフッターが必要です。フッターにはボタンのような動作が必要です。

が、私はこのコードを試してください：

IONIC HTML：フッターは中央にテキスト 'REGISTER' はありボタンのようにあるべきである

<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 
}