首页 > 解决方案 > Stripe 和 React,react-stripe-element 自定义卡片元素,没有 zip 字段

问题描述

我是条纹新手并做出反应。

我正在尝试创建一个已经设计好的条纹结帐屏幕。 在此处输入图像描述

现在,当我添加CardElement组件时,它会创建一个看起来像这样的新行 在此处输入图像描述

我希望它使用我自己的自定义样式元素,有没有办法将这些作为道具传递给自定义样式

问候

标签: javascriptreactjsstripe-payments

解决方案


关于样式化条纹卡片元素的主题。我建议查看 Stripe.js 文档的以下部分:

  1. https://stripe.com/docs/js/element/the_element_container
  2. https://stripe.com/docs/js/appendix/style
  3. https://stripe.com/docs/js/elements_object/create_element?type=card

classes最终,您可以使用这两个style参数来更改卡片元素的样式。

希望这可以帮助!


推荐阅读