如何在 Ionic 4 中更改 ion-item-sliding 中按钮的颜色答案

【问题标题】：How to change color of a button in ion-item-sliding in Ionic 4如何在 Ionic 4 中更改 ion-item-sliding 中按钮的颜色
【发布时间】：2019-12-06 09:03:21
【问题描述】：

我试图在 Ionic 4 的 ion-item-sliding 元素中添加一个红色按钮。代码如下：

  <ion-card>
  <ion-item-sliding>
    <ion-item>
      <ion-avatar slot="start">
        <img src="assets/shapes.svg">
      </ion-avatar>
      <ion-label>
        <h3>test</h3>
        <p>test</p>
      </ion-label>
    </ion-item>
    <ion-item-options side="end">
          <button ion-button color="danger">
            <ion-icon name="trash"></ion-icon>
            Delete
          </button>
    </ion-item-options>
  </ion-item-sliding>
</ion-card>

但是，按钮显示为灰色，而应该是红色。我也尝试使用离子按钮而不是按钮。它起作用了，但是当我将它与expand="full" 结合使用时，按钮文本的颜色变为红色，而不是按钮本身的颜色。

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

使用默认按钮工作正常：

<ion-card>
<ion-item-sliding>
  <ion-item>
    <ion-avatar slot="start">
      <img src="assets/shapes.svg">
    </ion-avatar>
    <ion-label>
      <h3>test</h3>
      <p>test</p>
    </ion-label>
  </ion-item>
  <ion-item-options side="end">
    <ion-item-option color="danger" expandable>
      <ion-icon name="trash"></ion-icon>Delete
    </ion-item-option>
  </ion-item-options>
</ion-item-sliding>

希望对你有帮助:)

【讨论】：