将Stripe Payment Request按钮显示为Google Pay按钮

Question

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

Answer 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付款按钮（通过为chrome分别设置样式，我不确定该怎么做，也许您可​​以在这里找到帮助：How to apply specific CSS rules to Chrome only? ）。付款请求API当前不支持确定可用的付款选项，因此这是您必须解决的问题。