Apple Pay Web & Stripe：如何自定义 Apple Pay 按钮答案

【问题标题】：Apple Pay Web & Stripe: How to customize Apple Pay ButtonApple Pay Web & Stripe：如何自定义 Apple Pay 按钮
【发布时间】：2021-03-13 13:29:51
【问题描述】：

我在 Web (https://stripe.com/docs/stripe-js/elements/payment-request-button) 上关注 Stripe 的 Apple Pay JS 实现。它使用id 或#payment-request-button 的元素，Stripe 将按钮加载到 iFrame 中，以保持 PCI 兼容。该按钮以 40 像素的高度和黑色背景加载到 iFrame 中。
查看 Apple Pay 自己的文档，有一些按钮选项和按钮样式选项 (https://applepaydemo.apple.com/#display-button)，以及诸如“使用 Apple Pay 结账”或“使用 Apple Pay 支付”之类的文字。有没有办法将这些文本选项和自定义高度应用于 Stripe 实现？

【问题讨论】：

请出示一些代码。

标签： stripe-payments applepay applepayjs

【解决方案1】：

您可以使用预构建的theme 设置 iFramed 按钮的样式，如下所示：https://stripe.com/docs/stripe-js/elements/payment-request-button#html-js-styling-the-element

或者，您可以创建自己的按钮并为其设置样式，然后调用paymentRequest.show() 来触发付款单：https://stripe.com/docs/js/payment_request/show

【讨论】：