html - Paypal 按钮更换

Question

Paypal 提供了一个带有以下代码的按钮:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="96FKD7W4CCMEE">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

我更愿意使用我自己的按钮而不是此处提供的 Paypal “立即购买”按钮。我想要的按钮代码是:

<div style="background-color:#000000;color:#ffffff;" class="button"><p align="center" style="font-size:30px;">Purchase</p></div>

.button {
background-color:#64A9FD;
padding:20px;
width:200px;
cursor:pointer; 
opacity:0.8;
}

如何用 paypal 的按钮替换我自己的按钮。

我尝试过的:

将我的按钮嵌套在表单开始和结束标记之间 - paypal 的按钮仍然显示

删除标签 - 按钮根本不起作用

删除标签中的“src="""- 替代文本将我链接到目的地但点击按钮没有

Answer 1

Live Demo

给 div 一个 ID，例如 mySubmit，删除图像 因为它被命名为“提交”，这将阻止通过脚本提交(除非您单击它)并执行

window.onload=function() {
  document.getElementById("mySubmit").onclick=function() {
    document.forms[0].submit();
  }
}

假设 paypal 表单是页面上的第一个

如果 paypal 坚持有一个名为提交的按钮，您可以尝试隐藏表单，将图像更改为提交按钮并使用

window.onload=function() {
  document.getElementById("mySubmit").onclick=function() {
    document.getElementsByName("submit")[0].click();
  }
}

这里 [0] 是页面上名为 submit 的第一个元素