filepond - FilePond 元素内的字体大小

Question

从默认 css 导入的 FilePond 元素的默认样式似乎有点小。是否有推荐的方法来达到https://pqina.nl/filepond/示例中所示的大小？

似乎css中的默认样式使用10px的字体大小。

Answer 1

默认情况下font-size，FilePond 根元素的 设置为1rem。

您可以通过设置不同的大小来放大或缩小它。

.filepond--root { font-size: 1.25rem; }

如果您想相对于其父元素缩放 FilePond，请使用em而不是。rem

Answer 2

我只是遇到这个。

如果您在 nextjs 项目中使用 Filepond，并且您发现很难将字体大小应用于您的 Filepond 组件。只需将默认的 Filepond css 添加到您的 global.css 样式并自定义它。

例如 ///global.css

.filepond--root{font-size: 10px;}