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

Ionic framework 如何更改离子项目中按钮的颜色在离子4中滑动,ionic-framework,ionic4,Ionic Framework,Ionic4,我试图在离子4中的离子项目滑动元素中有一个红色按钮。代码如下: <ion-card> <ion-item-sliding> <ion-item> <ion-avatar slot="start"> <img src="assets/shapes.svg"> </ion-avatar> <ion-label> <h3>t

我试图在离子4中的离子项目滑动元素中有一个红色按钮。代码如下:

  <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”
结合使用时,按钮文本的颜色变成了红色,而不是按钮本身的颜色

使用defaut按钮工作正常:

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

测验
试验

删去

希望它能帮助你:)