从 Stripe Payment Element 中删除输入标签

Question

我在我的 React 应用程序中使用 Stripe Payment Element。如何删除输入上方的标签：

使用外观 API 我尝试过这些规则：

'.Label': {
display: 'none',
visibility: 'hidden',
},
'.Label--empty': {
display: 'none',
visibility: 'hidden',
},

Answer 1

display

或

visibility

都不是外观 API 中支持的 CSS 属性。我已经测试了许多选项，但我认为您无法完全删除标签文本。

表单在 iframe 内呈现，因此外观 API 是您必须对其应用样式的唯一方法。