select 上的 Ionic 3 弹出窗口，如何使用复选图标而不是圆圈？

Question

我试着这样说，就像例子中那样

  <ion-col col-md-6>
    <ion-list>
      <ion-item>
        <ion-label floating>Type</ion-label>
        <ion-select interface="popover" [(ngModel)]="userType">
          <ion-option value="1">Type 1</ion-option>
          <ion-option value="2">Type 2</ion-option>
        </ion-select>
      </ion-item>
    </ion-list>
  </ion-col>

但输出与离子文档中的示例不相似。这是输出

我想要这样的东西

Answer 1

您看到的实际上是一个平台问题：Ionic 样式元素根据您所在的平台运行。请参阅有关此 here.

的文档

您还可以轻松重现您的问题，查看 ion-select docs 并在 iOS 和 Android 之间切换。

iOS 输出：

Android 输出：

因此，假设您针对 iOS 平台进行开发，您无需更改应用中的任何内容即可获得所需的外观。在 iOS 设备上部署应用后，一切都会如您所愿。

在浏览器中测试您的应用程序时（我假设 Chrome，其他浏览器可能具有相同的功能）您可能想要使用开发工具 (F12) 和 toggle the device mode. There you can choose to see the viewport of a iPhone or iPad 并在刷新后页面 (F5) 您应该会看到正确的控件。

select 上的 Ionic 3 弹出窗口，如何使用复选图标而不是圆圈？

Ionic 3 popover on select, how to use of check icon instead of circle?

ionic-framework

ionic3

html-select

popover