javascript - 自定义条纹支付按钮

Question

我使用以下 javascript 添加了一个条纹支付按钮：

<script src="https://checkout.stripe.com/checkout.js" class="stripe-button"
ta-key="{{ key }}"
data-description="Select"
data-amount="10000"
data-locale="auto">
</script>

我得到了支付按钮，但我无法自定义它。如果有人可以向我推荐任何链接帖子，请告诉我。

Answer 1

如果您想使用自己的按钮并对其进行自定义，您可以对旧版 Checkout 进行自定义集成：https ://stripe.com/docs/legacy-checkout#integration-custom

但是，您根本不应该使用旧版 Checkout，因为它已被弃用。相反，您应该考虑使用新的 Checkout，这更容易实现，并且为您的用户提供更好的体验：https ://stripe.com/docs/payments/checkout