Question

到目前为止，我的换色工作正常，但我也需要文字。

HTML：

<div ng-controller="ButtonCtrl" class="padding">
<button class="button button-block" ng-click="button.clicked=!button.clicked" ng-class="button.clicked?'button-assertive':'button-positive'">
</button>
</div>

JS：

angular.module('app')
.controller('ButtonCtrl',function($scope) {
});

Answer 1

如果要为文本着色，只需添加：

button{
   color: blue;
}

但是这将应用于所有按钮文本，如果您只想更改一个按钮，请在此按钮中添加“id”，然后添加：

 #id{
  color: blue;
}

在你的情况下，应该是：

.button-assertive{
       color: blue;
    }
.button-positive{
        color: red;
 }

Answer 2

也许就像这样：

<button ... style="background-color: #ff0000;"></button>

你可以更具体一点吗？你想改变什么颜色。背景或字体颜色？

如果您需要与控制器绑定的颜色，那么这种方法可能是最好的方法：

<button ... ng-style="ctrl.color"></button>

Answer 3

Woops，刚刚发现这种方式，它的工作原理！谢谢你们。

<span ng-if="!button.clicked">Check-In</span>
<span ng-if="button.clicked">Check-Out</span>

如何更改Ionic Framework中的按钮颜色和文本？

3 个答案: