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

Question

我有一个我在Ionic工作的项目，客户询问是否可以减少选择输入的字体大小。

这是来自Google的随机图片，但会显示选择的滚动条＆＃39;在我引用的iOS上：

蓝色，绿色和红色选项需要较小的字体大小。我非常确定它无法完成，对我来说也更容易。

Answer 1

你没有说明你正在使用哪种版本的离子，所以我认为它是最新版本。

离子中的每个组件都分配了sass变量，这些变量可用于定位组件的特定元素，然后可以使用它来相应地设置样式。

在theme/variables.scss文件中，您可以定位一个变量，然后覆盖默认样式。在您的情况下，这将是选择的字体大小。现在对于这个用例，字体大小是一个继承的属性，没有分配给它的特定sass变量（你可以查看select here的所有sass变量）

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

显式包装scss代码

.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。

Answer 2

这可以通过css完成。首先通过实验室为您的应用程序提供服务

ionic serve --lab

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

干杯：D