从离子选择 - 离子 v4 中删除离子无线电

Question

我想删除调用ion-select时生成的离子无线电（带有弹出界面）

<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中生成离子无线电元素。

我尝试选择它们（尝试显示：无，或使用 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>

Answer 2

如果有人来寻找答案，简单的解决方案：

1. 将属性 [interfaceOptions]="customOptions" 添加到离子选择标签
2. 在 component.ts 文件中添加一个属性（在构造函数之前）自定义选项 = { 模式： 'ios' };