如何为 Paypal Checkout 按钮添加样式？

Posted 2023-02-22

【中文标题】如何为 Paypal Checkout 按钮添加样式？

【英文标题】：How can I add style to Paypal Checkout button?

【发布时间】：2017-07-09 19:24:44

【问题描述】：

有没有办法为 Paypal 结帐按钮添加一些样式？

或者创建我自己的支付宝结帐按钮？

【参考方案1】：

嗯，PayPal 本身提供了几种设计。 (Have a look at them)。但是如果你想要自己的风格，那么你需要在后端实现支付并绑定你自己的按钮。

【参考方案2】：

如上所述，您无法自定义这些按钮，但您可以尝试一些 css - js hack 来改变它的外观。例如，您可以将 paypal 按钮的不透明度设为 0 - 然后将您的按钮拉到 paypal 按钮下方并使您的按钮 z-index -1 以便用户可以单击 paypal 按钮。您还可以在悬停的贝宝按钮上添加悬停效果。我希望你能想到一个主意。但是 - 这只是视觉黑客。

【参考方案3】：

如果您使用的是 paypal.Button.render 集成，则不需要。按钮在 iframe 中呈现，因此样式可以自定义但不能完全改变：

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

这意味着该按钮将在任何设备（包括视网膜显示器）上以高分辨率呈现，而不是根据您使用的设备看起来模糊的图像。