复选框的离子选择 UI

Posted 2023-03-13

【中文标题】复选框的离子选择 UI

【英文标题】：Ion-select UI for checkbox

【发布时间】：2020-12-05 16:13:00

【问题描述】：

我一直在快速更换离子选择组件。 我试图保持一种持久的方式来显示警报，但复选框肯定会做他们想做的事。

为了解释，我需要将复选框放在警报的右侧。经过调查，我注意到在android上，默认情况下它在左侧，但在ios中，对于简单的离子选择，正方形在右侧，当我在离子选择上使用“multiple”属性时，正方形会靠左对齐。

有人知道如何在所有情况下都将这些复选框放在右边吗？

N.B：iOS 中也有一些奇怪的地方，当它是一个简单的 ion-select 时，它会显示没有任何圆圈的简单检查。 （与多个在左侧带有复选标记的圆圈相比。）

另外，对不起我的英语，正在改进它。

谢谢大家。

【参考方案1】：

如果您使用的是 ionic 4/5，请尝试使用 display:flex（详情请查看：https://css-tricks.com/snippets/css/a-guide-to-flexbox/）。另外，如果您在 page.css 文件上执行弹出组件（alert、toast、loader 等）的 css 将无法正常工作，因此我建议覆盖 global.css 文件上的 CSS。