自定義貝寶按鈕？

Question

從PayPal為Express Checkout提供的所有文檔來看，他們似乎並不希望開發人員為PayPal集成創建自定義按鈕。

他們提供的唯一JS方法是paypal.Button.render ，這會自動將PayPal按鈕呈現給您選擇的元素。 然后，他們提供了用於設置此按鈕樣式的有限功能參考 （例如圓形或方形按鈕以及3種顏色的選擇）。

我正在查看的文檔在這里 。

我的問題是：

• 是否可以用其他方式設置按鈕樣式？
• PayPal可以對按鈕進行樣式設置嗎（是否有任何條款和條件阻止我）？

也許有一種方法可以讓我將“付費點擊”事件綁定到更自定義的按鈕。

（請注意，我不想完全重寫我的付款解決方案，我想保留Express Payment方法）

Answer 1

使用CSS，我可以隱藏實際的按鈕，然后在頂部放置另一個按鈕。 我會這樣做，以便實際上無法單擊此較新的按鈕。

在這里看演示。

CSS：

// Hide the actual button.
.paypal-button-container > * {
    visibility: hidden;
}

// Place a button over the top of the actual button.
#my-custom-button {
    pointer-events: none; // Not supported by IE10 and lower.
}

但是，IE10和更低版本不支持此方法。 如果這是我追求的解決方案，那么我將在IE10及更低版本上顯示實際的PayPal按鈕。

但是，如果貝寶（PayPal）更改了他們的API，或開始運行類似此類的檢查，則很容易破壞我的實現。