Javascript 定制贝宝按钮?

Javascript 定制贝宝按钮?,javascript,paypal,Javascript,Paypal,从PayPal为Express Checkout提供的所有文档来看,他们似乎不希望开发人员为PayPal集成创建自定义按钮 他们提供的唯一JS方法是paypal.Button.render,这会自动将paypal按钮呈现给您选择的元素。然后,它们为该按钮的样式提供有限的功能(例如圆形或方形按钮,以及3种颜色的选择) 我正在查看的文档是 我的问题是: 是否可以用另一种方式设置按钮的样式 PayPal是否同意我设计按钮(是否有任何T&C阻止我) 也许有一种方法允许我将pay click事件绑定到

从PayPal为Express Checkout提供的所有文档来看,他们似乎不希望开发人员为PayPal集成创建自定义按钮

他们提供的唯一JS方法是
paypal.Button.render
,这会自动将paypal按钮呈现给您选择的元素。然后,它们为该按钮的样式提供有限的功能(例如圆形或方形按钮,以及3种颜色的选择)

我正在查看的文档是

我的问题是:

  • 是否可以用另一种方式设置按钮的样式
  • PayPal是否同意我设计按钮(是否有任何T&C阻止我)
也许有一种方法允许我将pay click事件绑定到一个更自定义的按钮


(请注意,我不想完全重写我的支付解决方案,我想保持快速支付方式)

使用CSS,我可以隐藏实际按钮并在顶部放置另一个按钮。我会让这个新的按钮不能被点击

看演示

CSS:

但是,IE10及更低版本不支持此方法。如果这是我想要的解决方案,我会在IE10和更低版本上显示实际的PayPal按钮


然而,如果PayPal更改了API,或者开始运行类似的检查,它很容易破坏我的实现。

我建议不要这样做。正如您所提到的,这很可能会在将来中断,并且可能会错误地将您标记为尝试在iframe上单击jack。
// 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.
}