如何隐藏 Stripe Payment Element 中的卡片图标？

Question

条纹支付元素

我必须为我的客户实施 Stripe 付款。但他们不希望看到卡图标（MasterCard、Visa 等）

我找不到使用 Elements Appearance API 隐藏它们的方法。有什么办法可以实现这个目标吗？

Answer 1

不幸的是，使用支付元素时这是不可能的。如此处所述[1]，只能定位公共类名称，而不能定位诸如

.p-CardIcons

之类的私有类。

但是，如果这对您来说至关重要，您可以通过设置

hideIcon: true

[3]

使用 Stripe Card Element [2] 来实现删除卡片图标

[1] https://stripe.com/docs/elements/appearance-api?platform=web#detail-rules

[2] https://stripe.com/docs/ payments/card-element

[3] https://stripe.com/docs/js/elements_object/create_element?type=card#elements_create-options-hideIcon

Answer 2

我想做同样的事情并联系了 Stripe 支持。

据 JP 支持代表表示，Stripe 不支持隐藏卡片品牌徽标。

我想我得等待他们的增强。

顺便说一句，我正在使用 Chromatic for VRT，并想停止卡片品牌徽标的动画。