css - Stripe 结帐按钮样式

Question

使用 Stripe Checkout Server 进行支付，我很难让“支付”按钮具有漂亮/默认的 Stripe 样式(白色字体、蓝色背景……)。

HTML代码:

    <script src="https://js.stripe.com/v3/"></script>

<button id="payButton" class="stripe-button-el">Pay with credit card</button>

    <script>
        var stripe = Stripe('<?=STRIPE_PUBLIC_KEY?>');
        var button = document.getElementById("payButton");
        button.addEventListener("click", function(ev) {
            stripe.redirectToCheckout({sessionId:'<?=$session['id']?>'}).then(function(result) {});
                });
    </script>

我将此应用于 stripe-button-el 类，该类将按钮变为蓝色背景(因此它与 CSS 文件正确关联)但字体保持黑色。截屏:

如何将漂亮/默认的 Stripe 样式应用于此按钮？

非常感谢，Thomas

Answer 1

您可能缺少设置按钮样式的 css，或者按钮没有所需的 css 类，因此样式未应用于它。我们在哪里可以看到按钮的外观？ (在 HTML 代码中)