[英]How to add custom CSS to paypal smart buttons
我想要實現的實際上並不是讓支付按鈕背景為黑色,而是自定義顏色,例如,我希望它帶有白色字母的粉紅色(僅作為示例),我該如何實現呢?
<div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=#################&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script>
<script>
paypal.Buttons({
style: {
shape: 'pill',
color: 'black',
layout: 'vertical',
label: 'subscribe',
size: 'responsive',
},
createSubscription: function(data, actions) {
return actions.subscription.create({
'plan_id': 'P-##########'
});
},
onApprove: function(data, actions) {
alert(data.subscriptionID);
}
}).render('#paypal-button-container');
</script>
我已經嘗試過以下方法(當然它沒有用):
<style>
.paypal-button.paypal-button-shape-pill {
background: pink!important;
color: white!important;
}
</style>
因為它是在 iframe 內部生成的,所以我還嘗試了以下方法:
<script>
window.onload = function() {
let myiFrame = document.getElementById("someId");
let doc = myiFrame.contentDocument;
doc.body.innerHTML = doc.body.innerHTML + '<style>.paypal-button.paypal-button-shape-pill{background: pink!important;color: white!important;}</style>';
}
</script>
可悲的是,它仍然沒有實現。 有人可以幫我解決這個問題嗎?
編輯:只想提一下,我不能只更改 paypal.buttons 腳本中的樣式顏色,因為按鈕不再顯示。
這是不可能的。 PayPal 控制其 iframe 內按鈕的 CSS,以獲得其自己的標准化外觀。
此處記錄了用於更改按鈕樣式的選項; 預計並希望其中一種樣式替代方案將合理地適合您的網站配色方案。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.