条纹签出按钮样式

时间:2019-08-07 12:05:42

标签: css stripe-payments

使用Stripe Checkout服务器进行付款,我很难使“ Pay”按钮具有良好/默认的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文件关联),但是字体保持黑色。屏幕截图: enter image description here

如何将漂亮/默认的条纹样式应用于此按钮?

许多,托马斯

2 个答案:

答案 0 :(得分:0)

您可能会缺少为按钮设置样式的css,或者按钮没有必需的css类,因此样式不适用于该样式。 我们在哪里可以看到按钮的外观? (使用HTML代码)

答案 1 :(得分:0)

这将更改文本的颜色

在样式表中

 .stripe-button-el{color: white;}