如何將樣式添加到Paypal Checkout按鈕？

Question

有沒有辦法給PayPal結帳按鈕添加一些樣式？

或者創建自己的PayPal支付按鈕？

Answer 1

如果您使用paypal.Button.render集成，那麼沒有。按鈕被呈現在iframe，因此樣式可以定製，但不完全改變：

https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/customize-button/

這意味着按鈕將使在任何設備上的高分辨率，包括視網膜顯示器，而不是一個圖像，其可能看起來很模糊，取決於您使用的設備。

Answer 2

如上所述，您無法自定義這些按鈕，但您可以嘗試一些css-js hack來改變它的外觀。例如，您可以使PayPal按鈕不透明度0 - 然後在paypal按鈕下拉起您的按鈕，並使您的按鈕z-index -1，以便用戶可以點擊paypal按鈕。您也可以在懸停的PayPal按鈕上添加懸停效果。我希望你抓住一個主意。但是，這只是視覺黑客。