可以使用Ionic更改iOS select输入的字体大小

我有一个项目，我在爱奥尼亚工作，客户问如果字体大小可以减少选择输入

这是一张来自谷歌的随机图片，但显示了我正在参考的iOS上的select“scroller”：

---

蓝色、绿色和红色选项需要更小的字体大小。我很确定这是做不到的，对我来说也很简单。

这可以通过css来完成。首先通过实验室提供你的应用程序

ionic serve --lab

然后从chrome中检查元素并选择文本组件并查找其类。然后您可以添加自定义CSS样式

---

干杯：D

您没有说明您使用的是哪个版本的ionic，因此我假设它是最新版本

ionic中的每个组件都分配了sass变量，这些变量可用于针对组件的特定元素，然后可用于对其进行相应的样式设置

在

主题/variables.scss

文件中，您可以将一个变量作为目标，然后该变量将覆盖默认样式。在您的情况下，这将是选择的字体大小。现在，对于这个用例，字体大小是一个继承属性，没有指定特定的sass变量（您可以查看select的所有sass变量）

因此，在这种情况下，要覆盖默认样式，您必须显式地使用

.ios,.md,.wp{
    // your style here
}

从您的图像来看，您似乎正在使用“操作表选择”样式。它的目标是

.action sheet ios.action sheet button

类以更改字体大小

.ios{
    .action-sheet-ios .action-sheet-selected,
    .action-sheet-ios .action-sheet-button{
         font-size:1rem;
     }
}

这是专门针对ios的