如何根据selection-Javascript-Semantic UI切换按钮背景色

我的网页有如下一部分

<div class="ui divided list">
 <div class="item">
            <div class="ui segment">
                <h4 class="ui left">Payment method</h4>
                <div class="ui right buttons">
                    <div class="ui button" ng-bind="item.payment.option1">{{item.payment.option1}}</div>
                    <div class="or"></div>
                    <div class="ui button" item.payment.option2>{{item.payment.option2}}</div>
                </div>
            </div>
        </div>
</div>

付款方式
{{item.payment.option1}
{{item.payment.option2}

我得到的输出与这里的模式“相似”。但我没有像这样在ui按钮中包含“积极”类

<div class="ui positive button">

---

因为，我不希望任何选项被错误地选择。但我想根据点击次数切换颜色。有人能告诉我在哪里可以进行更改吗？

在css中执行以下操作

.button {
   background: silver;
}

.positive {
    background: green;
}

---

因此，当添加新类positive时，它将采用

.positive

的css背景，而不是

.button

Ya..我可以这样做。但我的疑问是，我不应该显示一个按钮作为积极或消极的。当它加载时。此外，我单击的按钮应为正值。“我没有任何标准的积极按钮”请让我知道从这里进一步。