条纹形式显示不正确

时间:2019-10-17 10:34:28

标签: stripe-payments

我的条纹表格显示不正确。这是屏幕截图。

enter image description here

我在head标签中包含了stripe script标签。在条纹文档中按照说明添加了表单以及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>

1 个答案:

答案 0 :(得分:0)

弄清楚了。我花了一些时间才做出自己的风格。