从ion-select中移除离子无线电-Ionic v4

时间:2019-01-03 14:22:25

标签: angular ionic-framework ionic4

我想删除当我调用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'}”,但没有成功。

非常感谢

2 个答案:

答案 0 :(得分:0)

您可以尝试使用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>

答案 1 :(得分:0)

如果有人来寻找答案,简单的解决方法:

  1. 将属性[interfaceOptions] =“ customOptions”添加到ion-select标签
  2. 在component.ts文件中添加一个属性(在构造函数之前) customOptions = {mode:'ios'};