Форма моей полосы не отображается должным образом. Вот скриншот.
Я включил тег сценария полосы в свой тег головы. Добавлены форма и 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>