javascript - 如何更改 Snipcart 付款表单中的提示文本

Question

我在我的反应网络应用程序中使用snipcart 。阅读他们的文档后，我发现我无法覆盖付款表单的 css，因为该付款表单正在 iframe 中加载并对其进行自定义，我必须像这样使用他们的 javascript sdk：

 Snipcart.api.theme.customization.registerPaymentFormCustomization({
                label: {
                    color: '#fff',
                },
                legend: {
                    color: '#fff'
                },
            });

现在这对于图例和标签元素非常有用，但也有一段以 snipcart 形式存在，它具有类test-card-hint。而且我找不到任何方法来覆盖它。我尝试传递以下值：

 Snipcart.api.theme.customization.registerPaymentFormCustomization({
                label: {
                    color: '#fff',
                },
                legend: {
                    color: '#fff'
                },
                p:{
                   color:"#fff"
                }
            });

 Snipcart.api.theme.customization.registerPaymentFormCustomization({
                label: {
                    color: '#fff',
                },
                legend: {
                    color: '#fff'
                },
                ".test-card-hint":{
                    color: '#fff'
                 }
            });

还尝试使用像legend ~ p这样的兄弟选择器，但无济于事。

您可以在下图中看到仅生成标签和图例的样式。

这是表单的 html 标记：

有人知道解决方法吗？是否可以完全覆盖这个特定元素的 css？