Angular Ionic 4只圆形图标按钮位于工具栏/Ionion按钮之外

如何在离子按钮之外创建一个圆形、清晰、仅图标的按钮？我希望有一个与您得到的样式相同的按钮，当您使用和图标按钮时，只在

离子按钮

（例如，清晰和圆形）内。 到目前为止，我的代码是：

    <ion-button icon-only shape="round" color="white" fill="clear">
        <ion-icon slot="icon-only" name="close"></ion-icon>
    </ion-button>

结果按钮不是圆形的，它只是一个带有圆角的矩形按钮

爱奥尼亚4的文档没有提到如何做到这一点。

这里您需要

---

按钮将起作用。。。但下面是我在reactjs应用程序中使用ionic组件的方法，只要使用angular版本，就会得到相同的结果

<IonCard>
  <IonToolbar>
    <IonTitle>Test</IonTitle>
    <IonButtons slot="end">
      <IonButton
        style={{
          backgroundColor: "red",
          borderRadius: "100%",
          color: "white",
          width: 32
        }}
      >
        <IonIcon icon={close}></IonIcon>
      </IonButton>
    </IonButtons>
  </IonToolbar>
  <IonCardContent>
    This is some text that is the content of the card with the close
    button below
  </IonCardContent>
</IonCard>

试验
这是一段文字，是卡片内容的结尾
下面的按钮

为什么不使用

<ion-icon slot="icon-only" name="close-circle"></ion-icon>

或

---

你可以试试这个，它会解决你的问题

我不是在找晶圆厂按钮。据我所知，这些都是为了固定在一页。我想为离子卡创建一个关闭按钮（这样你可以通过点击右上角的图标来关闭该卡）。如果你在离子头->离子工具栏->离子按钮中有一个图标按钮，它看起来正是我想要的样子。您还有其他想法吗？这种方法会奏效，只需删除

vertical=“center”horizontal=“end”slot=“fixed”

即可根据您的需求使用它。

<ion-icon slot="icon-only" name="close-circle"></ion-icon>

<ion-icon slot="icon-only" name="close-circle-outline"></ion-icon>