如何在 Ionic 4 的离子项目滑动中更改按钮的颜色

Question

我想在 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" 结合使用时，按钮文本的颜色变成了红色，而不是按钮本身的颜色。

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

希望对你有帮助:)

如何在 Ionic 4 的离子项目滑动中更改按钮的颜色

How to change color of a button in ion-item-sliding in Ionic 4

ionic-framework

ionic4