uniapp 设置 picker 内的字体大小打包app后不生效是怎么回事？

在uniapp中，我通过CSS设置了picker组件的字体大小，在H5端调试时显示正常，但打包成APP后字体大小不生效。尝试过修改picker的style、使用深度选择器/deep/，甚至直接修改uniapp的组件样式，但都没有效果。请问这是什么原因导致的？应该如何正确设置picker的字体大小使其在APP端生效？

caililin 1楼

可能是样式作用域问题。检查是否使用了scoped样式，或尝试用/deep/或::v-deep穿透样式。也可能是平台差异，建议用条件编译针对APP平台单独设置样式。

songsunli 2楼

在 UniApp 中设置 Picker 组件的字体大小在打包成 App 后不生效，通常是由于以下原因及解决方案：

1. 原生组件样式限制

Picker 在 App 端是原生组件（非 H5 渲染），部分 CSS 样式（如 font-size）可能受原生平台限制而无法生效。

解决方法：使用 picker 的 item-height 属性间接调整字体大小（通过调整行高影响视觉大小）。
```
<picker :item-height="50" @change="onChange">
  
</picker>
```

2. 平台差异处理

仅对 H5 生效的样式：若通过 CSS 设置 font-size，可能只在 H5 端有效。需通过条件编译区分平台：

<picker :style="pickerStyle">
</picker>

<script>
export default {
  computed: {
    pickerStyle() {
      #ifdef H5
      return { fontSize: '16px' }; // 仅 H5 生效
      #endif
      return {};
    }
  }
}
</script>

3. 使用原生插件增强

如需完全控制样式，可考虑使用原生插件（如 uni-popup 或自定义原生模块），但需单独开发适配。

4. 检查样式作用域

确保 CSS 未被覆盖，尝试使用 !important 或深层选择器（如 /deep/ 或 ::v-deep）：
```
/deep/ .uni-picker-item {
  font-size: 18px !important;
}
```

总结建议：