使用 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
最佳答案
您可能缺少设置按钮样式的 css,或者按钮没有所需的 css 类,因此样式未应用于它。 我们在哪里可以看到按钮的外观? (在 HTML 代码中)
关于css - Stripe 结帐按钮样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57394130/