angular - 从 ion-select 中删除 ion-radio - Ionic v4

Question

我想删除调用 ion-select 时生成的 ion-radio(带有弹出界面)

<ion-item>
    <ion-label>Popover</ion-label>
    <ion-select interface="popover" placeholder="Select One">
      <ion-select-option value="brown">Brown</ion-select-option>
      <ion-select-option value="blonde">Blonde</ion-select-option>
      <ion-select-option value="black">Black</ion-select-option>
      <ion-select-option value="red">Red</ion-select-option>
    </ion-select>
</ion-item>

上面的代码在影子 DOM 中生成 ionic radio 元素。

我尝试选择它们(尝试显示:无，或使用 css4(例如 --border-width)修改属性)。

我也尝试了 interfaceOptions 方法 [interfaceOptions]="{cssClass:'custom-popover'}", 没有成功。

非常感谢

Answer 1

你能试试 mode="ios"吗？

<ion-select placeholder="Select One" mode="ios">
  <ion-select-option value="f">Female</ion-select-option>
  <ion-select-option value="m">Male</ion-select-option>
</ion-select>