【问题标题】：Displaying Stripe Payment Request button as a Google Pay button将 Stripe Payment Request 按钮显示为 Google Pay 按钮
【发布时间】：2020-01-21 11:05:45
【问题描述】：

是否可以将 Stripe 付款请求按钮显示为 Google Pay 按钮？目前，它在 iOS 设备上显示为 Apple Pay 按钮。但是当我从 Chrome 打开它时，它看起来像这样：

【问题讨论】：

Stripe 的“付款请求”按钮目前无法实现，它只有一个用于 Apple Pay 的自定义按钮。此外，它仅支持移动 Chrome 上的 Google Pay（在桌面 Chrome 上它使用浏览器保存的卡）stripe.com/docs/stripe-js/elements/…

标签： stripe-payments

【解决方案1】：

我相信这是故意的 - 显示“google pay”按钮并不完全正确，因为 chrome 允许您使用存储在浏览器中的非 google pay 卡进行支付。

这里有更详细的讨论：https://github.com/stripe/stripe-payments-demo/issues/9

但是，如果您不在乎它是否绝对正确，您可以添加任何您想要的按钮：https://stripe.com/docs/stripe-js/elements/payment-request-button#html-js-own-button:

使用您自己的按钮

如果您希望设计自己的按钮而不是使用 paymentRequestButton > 元素，您可以根据结果显示您的自定义按钮 paymentRequest.canMakePayment()。然后，当你的按钮被点击时，使用 paymentRequest.show() 来显示 > 浏览器界面。

因此，应该可以以您想要的任何样式创建您自己的 google pay 按钮（通过单独为 chrome 设置样式，我不知道该怎么做，也许您可以在这里找到帮助：How to apply specific CSS rules to Chrome only?）。支付请求 API 目前不支持确定哪些支付选项可用，因此这是您必须克服的问题。

更新

自 2021 年 4 月起，Stripe 现在默认向您显示 google pay 按钮：

Google Pay 用户界面更新：当可以选择 Google Pay 时，我们现在会显示带有品牌名称的“Google Pay”按钮，而不是通用的“立即付款”按钮

【讨论】：