Stripe payments 条纹表格显示不正确

Stripe payments 条纹表格显示不正确,stripe-payments,Stripe Payments,我的条纹表单显示不正确。这是截图 我在头标签中包含了条纹脚本标签。根据stripe文档中的说明添加了表单、css和javascript。 我想可能其他链接或脚本正在覆盖条带脚本,所以我尝试取消注释它们,但没有改变条带形式 我还确保我的类不会相互覆盖 <head> ... <!-- Stripe --> <script src="https://js.stripe.com/v3/"></script> ... </head>

我的条纹表单显示不正确。这是截图

我在头标签中包含了条纹脚本标签。根据stripe文档中的说明添加了表单、css和javascript。 我想可能其他链接或脚本正在覆盖条带脚本,所以我尝试取消注释它们,但没有改变条带形式

我还确保我的类不会相互覆盖

<head>
...

<!-- Stripe  -->
    <script src="https://js.stripe.com/v3/"></script>
...
</head>

<body>
...

<form action="/charge" method="post" id="payment-form">
   <div class="form-row">
      <label for="card-element">
         Credit or debit card
      </label>
      <div id="card-element">
      <!-- A Stripe Element will be inserted here. -->
      </div>

      <!-- Used to display form errors. -->
      <div id="card-errors" role="alert"></div>
   </div>

   <button>Submit Payment</button>
</form>

...
</body>

...
...
...
信用卡还是借记卡
付款
...

找到了答案。虽然花了一些时间,但我最终还是做出了自己的风格