Ionic 离子CSS页脚背景颜色和标题颜色

tez616oj 于 2022-12-16 发布在 Ionic

关注(0)|答案(2)|浏览(155)

我的工作与离子框架，我需要有一个页脚的背景颜色为红色，并与文本在中心对齐。页脚需要有一个像按钮的行为;页脚应该像一个按钮，中心有文本“注册”：
我尝试这个代码：
离子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;
}

但是，它不工作。我不知道;你们有些人有一些好建议：
谢谢！

ionic-framework

来源：https://stackoverflow.com/questions/37136141/ionic-css-footer-backgrond-color-and-color-of-title

2条答案

按热度按时间

kognpnkq1#

你应该像这样把整个页脚设置成一个可点击的元素：

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

赞(0）回复(0）举报 2022-12-16

bvuwiixz2#

ion-footer-bar{ --background : blue; }

赞(0）回复(0）举报 2022-12-16

我来回答

Ionic 离子CSS页脚背景颜色和标题颜色

2条答案

相关问题

热门标签

最新问答